{"id":3207,"date":"2024-07-17T15:24:13","date_gmt":"2024-07-17T15:24:13","guid":{"rendered":"https:\/\/beyondhijabs.nl\/locaties-copy\/"},"modified":"2026-08-24T11:34:06","modified_gmt":"2026-08-24T11:34:06","slug":"contact","status":"publish","type":"page","link":"https:\/\/co.brandium.dev\/en\/contact\/","title":{"rendered":"Co-Office | Contact Us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3207\" class=\"elementor elementor-3207\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d1c920 e-con-full e-flex e-con e-parent\" data-id=\"2d1c920\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e1ae05a e-con-full e-flex e-con e-child\" data-id=\"e1ae05a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6ab6a24 e-con-full e-flex e-con e-child\" data-id=\"6ab6a24\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c9adca elementor-widget elementor-widget-html\" data-id=\"6c9adca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<h1 class=\"s-xxl splitword l3\">Get in touch<\/h1>\r\n\r\n\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-481372d elementor-widget elementor-widget-shortcode\" data-id=\"481372d\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><div data-uniq='6aa4e19bf0c79' class='uniq-6aa4e19bf0c79 formcraft-css form-live align-left'><style type='text\/css' scoped='scoped'>.formcraft-css .fc-form.fc-form-2 .form-dynamic .form-dynamic-html input[type=\"password\"]:focus, .formcraft-css .fc-form.fc-form-2 .form-dynamic .form-dynamic-html input[type=\"email\"]:focus, .formcraft-css .fc-form.fc-form-2 .form-dynamic .form-dynamic-html input[type=\"tel\"]:focus, .formcraft-css .fc-form.fc-form-2 .form-dynamic .form-dynamic-html input[type=\"text\"]:focus, .formcraft-css .fc-form.fc-form-2 .form-dynamic .form-dynamic-html textarea:focus, .formcraft-css .fc-form.fc-form-2 .form-dynamic .form-dynamic-html select:focus {\n    border-color: #1a2528!important;\n}<\/style><script> window.formcraftLogic = window.formcraftLogic || {}; window.formcraftLogic[2] = []; <\/script><div class=\"fc-pagination-cover fc-pagination-1\">\n\t\t\t\t<div class=\"fc-pagination width-100\">\n\t\t\t\t\t<!-- ngRepeat: page in Builder.FormElements track by $index --><div class=\"pagination-trigger\" data-index=\"0\">\n\t\t\t\t\t\t<span class=\"page-number\"><span >1<\/span><\/span>\n\t\t\t\t\t\t<span class=\"page-name\">Step 1<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div><!-- end ngRepeat: page in Builder.FormElements track by $index -->\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<style scoped=\"scoped\" >\n\t\t\t@media (max-width : 480px) {\n\t\t\t\t.fc_modal-dialog-2 .fc-pagination-cover .fc-pagination\n\t\t\t\t{\n\t\t\t\t\tbackground-color: white !important;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .submit-cover .submit-button,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .fileupload-cover .button-file,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover .button,\n\t\t\t.formcraft-datepicker .ui-datepicker-header,\n\t\t\t.formcraft-datepicker .ui-datepicker-title\n\t\t\t{\n\t\t\t\tbackground: #4488ee;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t\t.formcraft-datepicker td .ui-state-active,\n\t\t\t.formcraft-datepicker td .ui-state-hover,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .slider-cover .ui-slider-range\n\t\t\t{\n\t\t\t\tbackground: #4488ee;\n\t\t\t}\n\t\t\t#ui-datepicker-div.formcraft-datepicker .ui-datepicker-header,\n\t\t\t.formcraft-css .fc-form .field-cover>div.full hr\n\t\t\t{\n\t\t\t\tborder-color: #3b77d1;\n\t\t\t}\n\t\t\t#ui-datepicker-div.formcraft-datepicker .ui-datepicker-prev:hover,\n\t\t\t#ui-datepicker-div.formcraft-datepicker .ui-datepicker-next:hover,\n\t\t\t#ui-datepicker-div.formcraft-datepicker select.ui-datepicker-month:hover,\n\t\t\t#ui-datepicker-div.formcraft-datepicker select.ui-datepicker-year:hover\n\t\t\t{\n\t\t\t\tbackground-color: #3b77d1;\n\t\t\t}\n\t\t\t.formcraft-css .fc-pagination>div.active .page-number,\n\t\t\t.formcraft-css .form-cover-builder .fc-pagination>div:first-child .page-number\n\t\t\t{\n\t\t\t\tbackground-color: #4488ee;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t\t#ui-datepicker-div.formcraft-datepicker table.ui-datepicker-calendar th,\n\t\t\t#ui-datepicker-div.formcraft-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .star-cover label,\n\t\t\thtml .formcraft-css .fc-form.label-floating .form-element .field-cover.has-focus>span,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .customText-cover a,\n\t\t\t.formcraft-css .prev-next>div span:hover\n\t\t\t{\n\t\t\t\tcolor: #4488ee;\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .customText-cover a:hover\n\t\t\t{\n\t\t\t\tcolor: #3b77d1;\n\t\t\t}\n\t\t\thtml .formcraft-css .fc-form.fc-form-2.label-floating .form-element .field-cover > span\n\t\t\t{\n\t\t\t\tcolor: #666666;\n\t\t\t}\n\t\t\thtml .formcraft-css .fc-form .final-success .final-success-check {\n\t\t\t\tborder: 2px solid #666666;\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"text\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"email\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"password\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"tel\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover textarea,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover select,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover .time-fields-cover,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover .awesomplete ul\n\t\t\t{\n\t\t\t\tcolor: #0a0a0a;\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"text\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"password\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"email\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"radio\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"checkbox\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"tel\"],\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover select,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover textarea\n\t\t\t{\n\t\t\t\tbackground-color: #fafafa;\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"radio\"]:checked,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type=\"checkbox\"]:checked {\n\t\t\t\tborder-color: #3b77d1;\n\t\t\t\tbackground: #4488ee;\t\t\t\t\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .star-cover label .star\n\t\t\t{\n\t\t\t\ttext-shadow: 0px 1px 0px #3b77d1;\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .slider-cover .ui-slider-range\n\t\t\t{\n\t\t\t\tbox-shadow: 0px 1px 1px #3b77d1 inset;\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .fileupload-cover .button-file\n\t\t\t{\n\t\t\t\tborder-color: #3b77d1;\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .form-element-html input[type=\"password\"]:focus,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .form-element-html input[type=\"email\"]:focus,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .form-element-html input[type=\"tel\"]:focus,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .form-element-html input[type=\"text\"]:focus,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .form-element-html textarea:focus,\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .form-element-html select:focus\n\t\t\t{\n\t\t\t\tborder-color: #4488ee;\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2 .form-element .form-element-html .field-cover .is-read-only:focus {\n\t\t\t\tborder-color: #ccc;\n\t\t\t}\n\t\t\t.formcraft-css .fc-form.fc-form-2\t\t\t{\n\t\t\t\tfont-family: inherit;\n\t\t\t}\n\t\t\t@media (max-width : 480px) {\n\t\t\t\thtml .dedicated-page,\n\t\t\t\thtml .dedicated-page .formcraft-css .fc-pagination > div.active\n\t\t\t\t{\n\t\t\t\t\tbackground: white;\n\t\t\t\t}\n\t\t\t}\n\t\t<\/style>\n\t\t<div class=\"form-cover\">\n\t\t\t<form data-auto-scroll=\"\" data-no-message-redirect=\"true\" data-thousand=\"\" data-decimal=\".\" data-delay=\"1\" data-id=\"2\" class=\"fc-form fc-form-2 align- fc-temp-class save-form- dont-submit-hidden- disable-enter- label-floating field-border-visible frame-hidden remove-asterisk-true icons-hide-true field-alignment-left\" style=\"width: 620px; color: #666666; font-size: 90%; background: white\" action=\"\">\n\t\t\t\t<!-- ngRepeat: page in Builder.FormElements track by $index --><div class=\"form-page form-page-0\" data-index=\"0\">\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"form-page-content      ng-not-empty\">\n\t\t\t\t\t\t<div data-identifier=\"field1\" data-index=\"0\" style=\"width: 50%\" class=\"form-element form-element-field1 options-false form-element-0 default-false form-element-type-oneLineText is-required-true odd -handle\">\n\t\t\t\t\t\t\t<div class=\"form-element-html\"><div ><label class=\"oneLineText-cover field-cover\"><span class=\"sub-label-false\"><span class=\"main-label\"><span >Name<\/span><\/span><span class=\"sub-label\"><\/span><\/span><div><span class=\"error\"><\/span><input type=\"text\" placeholder=\"\" make-read-only=\"false\" data-field-id=\"field1\" name=\"field1[]\" data-min-char=\"2\" data-max-char=\"\" data-val-type=\"alphabets\" data-regexp=\"\" data-is-required=\"true\" data-allow-spaces=\"true\" class=\"validation-lenient\" data-placement=\"right\" data-toggle=\"tooltip\" tooltip=\"\" data-trigger=\"focus\" data-html=\"true\" data-input-mask=\"\" data-mask-placeholder=\"\" data-original-title=\"\"><i class=\"formcraft-icon formcraft-icon-type-\"><\/i><\/div><\/label><\/div><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div><div data-identifier=\"field2\" data-index=\"1\" style=\"width: 50%\" class=\"even form-element form-element-field2 options-false form-element-1 default-false form-element-type-oneLineText is-required-false -handle\">\n\t\t\t\t\t\t\t<div class=\"form-element-html\"><div ><label class=\"oneLineText-cover field-cover\"><span class=\"sub-label-true\"><span class=\"main-label\"><span >Surname<\/span><\/span><span class=\"sub-label\"><span >your full name<\/span><\/span><\/span><div><span class=\"error\"><\/span><input type=\"text\" placeholder=\"\" make-read-only=\"false\" data-field-id=\"field2\" name=\"field2[]\" data-min-char=\"3\" data-max-char=\"\" data-val-type=\"alphabets\" data-regexp=\"\" data-is-required=\"false\" data-allow-spaces=\"true\" class=\"validation-lenient\" data-placement=\"right\" data-toggle=\"tooltip\" tooltip=\"\" data-trigger=\"focus\" data-html=\"true\" data-input-mask=\"\" data-mask-placeholder=\"\" data-original-title=\"\"><i class=\"formcraft-icon formcraft-icon-type-\"><\/i><\/div><\/label><\/div><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div><div data-identifier=\"field3\" data-index=\"2\" style=\"width: 100%\" class=\"form-element form-element-field3 options-false form-element-2 default-false form-element-type-oneLineText is-required-false odd -handle\">\n\t\t\t\t\t\t\t<div class=\"form-element-html\"><div ><label class=\"oneLineText-cover field-cover\"><span class=\"sub-label-true\"><span class=\"main-label\"><span >Company name<\/span><\/span><span class=\"sub-label\"><span >your full name<\/span><\/span><\/span><div><span class=\"error\"><\/span><input type=\"text\" placeholder=\"\" make-read-only=\"false\" data-field-id=\"field3\" name=\"field3[]\" data-min-char=\"\" data-max-char=\"\" data-val-type=\"\" data-regexp=\"\" data-is-required=\"false\" data-allow-spaces=\"\" class=\"validation-lenient\" data-placement=\"right\" data-toggle=\"tooltip\" tooltip=\"\" data-trigger=\"focus\" data-html=\"true\" data-input-mask=\"\" data-mask-placeholder=\"\" data-original-title=\"\"><i class=\"formcraft-icon formcraft-icon-type-\"><\/i><\/div><\/label><\/div><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div><div data-identifier=\"field4\" data-index=\"3\" style=\"width: 50%\" class=\"even form-element form-element-field4 options-false form-element-3 default-false form-element-type-email is-required-true -handle\">\n\t\t\t\t\t\t\t<div class=\"form-element-html\"><div ><label class=\"email-cover field-cover\"><span class=\"sub-label-true\"><span class=\"main-label\"><span >Email<\/span><\/span><span class=\"sub-label\"><span >a valid email<\/span><\/span><\/span><div><span class=\"error\"><\/span><input placeholder=\"\" data-field-id=\"field4\" type=\"text\" data-val-type=\"email\" make-read-only=\"\" data-is-required=\"true\" name=\"field4\" class=\"validation-lenient\" data-placement=\"right\" data-toggle=\"tooltip\" tooltip=\"\" data-trigger=\"focus\" data-html=\"true\" data-original-title=\"\"><i class=\"formcraft-icon\">email<\/i><\/div><\/label><\/div><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div><div data-identifier=\"field5\" data-index=\"4\" style=\"width: 50%\" class=\"form-element form-element-field5 options-false form-element-4 default-false form-element-type-oneLineText is-required-false odd -handle\">\n\t\t\t\t\t\t\t<div class=\"form-element-html\"><div ><label class=\"oneLineText-cover field-cover\"><span class=\"sub-label-false\"><span class=\"main-label\"><span >Phone number<\/span><\/span><span class=\"sub-label\"><\/span><\/span><div><span class=\"error\"><\/span><input type=\"text\" placeholder=\"\" make-read-only=\"false\" data-field-id=\"field5\" name=\"field5[]\" data-min-char=\"\" data-max-char=\"\" data-val-type=\"numbers\" data-regexp=\"\" data-is-required=\"false\" data-allow-spaces=\"\" class=\"validation-lenient\" data-placement=\"right\" data-toggle=\"tooltip\" tooltip=\"\" data-trigger=\"focus\" data-html=\"true\" data-input-mask=\"\" data-mask-placeholder=\"\" data-original-title=\"\"><i class=\"formcraft-icon formcraft-icon-type-\"><\/i><\/div><\/label><\/div><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div><div data-identifier=\"field7\" data-index=\"5\" style=\"width: 100%\" class=\"even form-element form-element-field7 options-false form-element-5 default-false form-element-type-checkbox is-required-false -handle\">\n\t\t\t\t\t\t\t<div class=\"form-element-html\"><div ><div class=\"images-false checkbox-cover field-cover\"><span class=\"sub-label-false\"><span class=\"main-label\"><span >What is the subject of your question?<\/span><\/span><span class=\"sub-label\"><\/span><\/span><div data-placement=\"right\" data-toggle=\"tooltip\" tooltip=\"\" data-trigger=\"hover\" data-html=\"true\" data-original-title=\"\"><span class=\"error\"><\/span><label style=\"width:\" ><img alt=\"\"><input data-field-id=\"field7\" type=\"checkbox\" data-is-required=\"false\" name=\"field7[]\" value=\"Beschikbaarheid\" class=\"validation-lenient\"><span><span >Availability<\/span><\/span><\/label><label style=\"width:\" ><img alt=\"\"><input data-field-id=\"field7\" type=\"checkbox\" data-is-required=\"false\" name=\"field7[]\" value=\"Rondleiding\" class=\"validation-lenient\"><span><span >Guided tour<\/span><\/span><\/label><label style=\"width:\" ><img alt=\"\"><input data-field-id=\"field7\" type=\"checkbox\" data-is-required=\"false\" name=\"field7[]\" value=\"Anders\" class=\"validation-lenient\"><span><span >Otherwise<\/span><\/span><\/label><\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div><div data-identifier=\"field12\" data-index=\"6\" style=\"width: 100%\" class=\"form-element form-element-field12 options-true form-element-6 default-false form-element-type-textarea is-required-false odd -handle\">\n\t\t\t\t\t\t\t<div class=\"form-element-html\"><div ><label class=\"textarea-cover field-cover\"><span class=\"sub-label-false\"><span class=\"main-label\"><span >How may we help you?<\/span><\/span><span class=\"sub-label\"><\/span><\/span><div><span class=\"error\"><\/span><textarea data-field-id=\"field12\" placeholder=\"\" class=\"validation-lenient\" name=\"field12\" value=\"\" rows=\"5\" data-min-char=\"\" data-max-char=\"\" data-is-required=\"false\" data-placement=\"right\" data-toggle=\"tooltip\" tooltip=\"\" data-trigger=\"focus\" data-html=\"true\" data-original-title=\"\" style=\"min-height: 98.5417px\"><\/textarea><div class=\"count-\"><span class=\"current-count\">0<\/span> \/ <span class=\"max-count\"><\/span><\/div><\/div><\/label><\/div><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div><div data-identifier=\"field11\" data-index=\"7\" style=\"width: 100%\" class=\"even form-element form-element-field11 options-false form-element-7 default-false form-element-type-submit is-required-false -handle\">\n\t\t\t\t\t\t\t<div class=\"form-element-html\"><div ><div class=\"align-left wide-false submit-cover field-cover\"><button type=\"submit\" class=\"button submit-button\"><span class=\"text\">Send<\/span><span class=\"spin-cover\"><i style=\"color:\" class=\"loading-icon icon-cog animate-spin\"><\/i><\/span><\/button><\/div><div class=\"submit-response\"><\/div><label ><input type=\"text\" class=\"required_field\" name=\"website\" autocomplete=\"maple-syrup-pot\"><\/label><\/div><\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><!-- end ngRepeat: page in Builder.FormElements track by $index -->\n\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\t\t\t<div class=\"prev-next prev-next-1\" style=\"width: 620px; color: #666666; font-size: 90%; background: white\">\n\t\t\t\t<div>\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"inactive page-prev\"><i class=\"formcraft-icon\">keyboard_arrow_left<\/i>Previous<\/span><\/div>\n\t\t\t\t<div>\n\t\t\t\t\t\n\t\t\t\t\t<span class=\"page-next\">Next<i class=\"formcraft-icon\">keyboard_arrow_right<\/i><\/span><\/div>\n\t\t\t<\/div>\n\t\t<\/div><a class=\"powered-by\" target=\"_blank\" href=\"http:\/\/formcraft-wp.com?source=pb\" rel=\"noopener\">FormCraft - WordPress form builder<\/a><\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a353bb elementor-widget elementor-widget-html\" data-id=\"7a353bb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\nfunction createAnimation(element) {\r\nvar splitText = new SplitText(element, {type: \"chars, words\"}),\r\nnumChars = splitText.chars.length;\r\n\r\nvar tl = gsap.timeline({defaults: {duration: 0.3, ease: \"none\"}});\r\nvar maxStartTime = 0.4 - 0.08;\r\n\r\nfor (var i = 0; i < numChars; i++) {\r\nvar randomStartTime = Math.random() * maxStartTime;\r\ntl.from(splitText.chars[i], {opacity: 0}, randomStartTime);\r\n}\r\n\r\nreturn tl;\r\n}\r\n\r\nvar elements = ['button.submit-button'];\r\n\r\nelements.forEach(function(selector) {\r\nvar element = document.querySelector(selector);\r\nvar splitText = new SplitText(element, {type: \"chars, words\"});\r\n\r\nelement.addEventListener('mouseenter', function() {\r\nvar animation = createAnimation(element);\r\nanimation.play();\r\n});\r\n\r\nelement.addEventListener('mouseleave', function() {\r\nvar animation = createAnimation(element);\r\nanimation.play();\r\n});\r\n});\r\n});\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2acc6fe e-con-full e-flex e-con e-child\" data-id=\"2acc6fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbf0c06 elementor-widget elementor-widget-html\" data-id=\"cbf0c06\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n.elementor img{\r\n    height: 100%\r\n}\r\n\r\n.co-photo-marquee {\r\n--co-dark: #0f2b20;\r\n--co-white: #ffffff;\r\n\r\nposition: relative;\r\nisolation: isolate;\r\n\r\n\r\nwidth: 100%;\r\n\r\n\r\nheight: clamp(960px, 88vh, 90vh);\r\nmax-height: 88vh;\r\n\r\noverflow: hidden;\r\n\r\nborder-radius: .25em;\r\n\r\nbackground: var(--co-dark);\r\n}\r\n\r\n\r\n.co-photo-marquee__image {\r\nposition: absolute;\r\nz-index: 0;\r\n\r\ninset: 0;\r\n\r\nwidth: 100%;\r\nheight: 100%;\r\n\r\ndisplay: block;\r\n\r\n\r\nobject-fit: cover;\r\n\r\n\r\nobject-position: 67% center;\r\n\r\ntransform: scale(1.002);\r\n}\r\n\r\n\r\n.co-photo-marquee__shade {\r\nposition: absolute;\r\nz-index: 1;\r\n\r\ninset: 0;\r\n\r\npointer-events: none;\r\n\r\nbackground:\r\nlinear-gradient(\r\nto bottom,\r\nrgba(15, 43, 32, 0) 0%,\r\nrgba(15, 43, 32, 0) 55%,\r\nrgba(15, 43, 32, 0.08) 70%,\r\nrgba(15, 43, 32, 0.28) 100%\r\n);\r\n}\r\n\r\n\r\n.co-photo-marquee__bottom {\r\nposition: absolute;\r\nz-index: 3;\r\n\r\nleft: 0;\r\nright: 0;\r\nbottom: 0;\r\n\r\nwidth: 100%;\r\n\r\noverflow: hidden;\r\n\r\nborder-top: 1px solid rgba(255, 255, 255, 0.14);\r\n\r\n\r\n\r\nbackdrop-filter: blur(16px);\r\n-webkit-backdrop-filter: blur(16px);\r\n}\r\n\r\n\r\n.co-photo-marquee__label {\r\nwidth: calc(100% - 3rem);\r\n\r\nmargin: 0 auto;\r\n\r\npadding-top: 0.8rem;\r\npadding-bottom: 0.1rem;\r\n\r\ncolor: rgba(255, 255, 255, 0.6);\r\n\r\nfont-family: 'Lora', serif !important;\r\nfont-style: normal !important;\r\n\r\nfont-size: 0.65rem;\r\nfont-weight: 400;\r\nline-height: 1;\r\n\r\nletter-spacing: 0.055em;\r\ntext-transform: uppercase;\r\n}\r\n\r\n\r\n.co-logo-marquee {\r\nposition: relative;\r\n\r\nwidth: 100%;\r\n\r\noverflow: hidden;\r\n\r\npadding: 0 0 0.65rem;\r\n\r\n\r\n-webkit-mask-image:\r\nlinear-gradient(\r\nto right,\r\ntransparent 0%,\r\n#000 5%,\r\n#000 95%,\r\ntransparent 100%\r\n);\r\n\r\nmask-image:\r\nlinear-gradient(\r\nto right,\r\ntransparent 0%,\r\n#000 5%,\r\n#000 95%,\r\ntransparent 100%\r\n);\r\n}\r\n\r\n\r\n.co-logo-marquee__track {\r\ndisplay: flex;\r\n\r\nwidth: max-content;\r\n\r\nwill-change: transform;\r\n\r\ntransform: translate3d(0, 0, 0);\r\n\r\nanimation:\r\ncoLogoInfinite\r\n25s\r\nlinear\r\ninfinite;\r\n}\r\n\r\n\r\n.co-logo-marquee__group {\r\ndisplay: flex;\r\nalign-items: center;\r\n\r\nflex: 0 0 auto;\r\n\r\nwidth: max-content;\r\n}\r\n\r\n\r\n.co-logo-marquee__item {\r\nflex: 0 0 auto;\r\n\r\nwidth: clamp(190px, 15vw, 270px);\r\nheight: 86px;\r\n\r\npadding:\r\n0.85rem\r\nclamp(2rem, 3vw, 3.25rem);\r\n\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: center;\r\n}\r\n\r\n\r\n.co-logo-marquee__item img {\r\ndisplay: block;\r\n\r\nwidth: auto;\r\nheight: auto;\r\n\r\nmax-width: 155px;\r\nmax-height: 42px;\r\n\r\nobject-fit: contain;\r\n}\r\n\r\n\r\n@keyframes coLogoInfinite {\r\n\r\nfrom {\r\ntransform: translate3d(0, 0, 0);\r\n}\r\n\r\nto {\r\ntransform: translate3d(-50%, 0, 0);\r\n}\r\n\r\n}\r\n\r\n\r\n@media (hover: hover) {\r\n\r\n.co-logo-marquee:hover\r\n.co-logo-marquee__track {\r\nanimation-play-state: paused;\r\n}\r\n\r\n}\r\n\r\n\r\n@media (max-width: 1400px) {\r\n\r\n.co-photo-marquee {\r\nheight: clamp(520px, 70vh, 700px);\r\n}\r\n\r\n\r\n.co-logo-marquee__item {\r\nwidth: 220px;\r\nheight: 82px;\r\n}\r\n\r\n\r\n.co-logo-marquee__item img {\r\nmax-width: 140px;\r\nmax-height: 38px;\r\n}\r\n\r\n}\r\n\r\n\r\n@media (max-height: 800px) and (min-width: 1025px) {\r\n\r\n.co-photo-marquee {\r\nheight: 68vh;\r\nmin-height: 500px;\r\nmax-height: 620px;\r\n}\r\n\r\n}\r\n\r\n\r\n@media (max-width: 1024px) {\r\n\r\n.co-photo-marquee {\r\nheight: clamp(500px, 68vh, 80vh);\r\nmax-height: none;\r\n}\r\n\r\n\r\n.co-photo-marquee__image {\r\nobject-position: 64% center;\r\n}\r\n\r\n\r\n.co-logo-marquee__item {\r\nwidth: 205px;\r\nheight: 80px;\r\n\r\npadding-left: 2rem;\r\npadding-right: 2rem;\r\n}\r\n\r\n\r\n.co-logo-marquee__item img {\r\nmax-width: 130px;\r\nmax-height: 36px;\r\n}\r\n\r\n}\r\n\r\n\r\n@media (max-width: 760px) {\r\n\r\n.co-photo-marquee {\r\nheight: clamp(460px, 70svh, 80vh);\r\n\r\nborder-radius: .25em;\r\n}\r\n\r\n\r\n.co-photo-marquee__image {\r\n\r\nobject-position: 70% center;\r\n}\r\n\r\n\r\n.co-photo-marquee__bottom {\r\n\r\nbackdrop-filter: blur(12px);\r\n-webkit-backdrop-filter: blur(12px);\r\n}\r\n\r\n\r\n.co-photo-marquee__label {\r\nwidth: calc(100% - 2rem);\r\n\r\npadding-top: 0.7rem;\r\n\r\nfont-size: 0.59rem;\r\n}\r\n\r\n\r\n.co-logo-marquee {\r\npadding-bottom: 0.45rem;\r\n\r\n-webkit-mask-image:\r\nlinear-gradient(\r\nto right,\r\ntransparent 0%,\r\n#000 8%,\r\n#000 92%,\r\ntransparent 100%\r\n);\r\n\r\nmask-image:\r\nlinear-gradient(\r\nto right,\r\ntransparent 0%,\r\n#000 8%,\r\n#000 92%,\r\ntransparent 100%\r\n);\r\n}\r\n\r\n\r\n.co-logo-marquee__track {\r\nanimation-duration: 21s;\r\n}\r\n\r\n\r\n.co-logo-marquee__item {\r\nwidth: 170px;\r\nheight: 72px;\r\n\r\npadding:\r\n0.8rem\r\n1.7rem;\r\n}\r\n\r\n\r\n.co-logo-marquee__item img {\r\nmax-width: 110px;\r\nmax-height: 30px;\r\n}\r\n\r\n}\r\n\r\n\r\n@media (max-width: 430px) {\r\n\r\n.co-photo-marquee {\r\nheight: clamp(430px, 67svh, 540px);\r\n}\r\n\r\n\r\n.co-logo-marquee__item {\r\nwidth: 150px;\r\nheight: 68px;\r\n\r\npadding-left: 1.4rem;\r\npadding-right: 1.4rem;\r\n}\r\n\r\n\r\n.co-logo-marquee__item img {\r\nmax-width: 98px;\r\nmax-height: 28px;\r\n}\r\n\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n.co-logo-marquee__track {\r\nanimation: none;\r\n}\r\n\r\n\r\n.co-logo-marquee {\r\noverflow-x: auto;\r\n\r\n-webkit-mask-image: none;\r\nmask-image: none;\r\n}\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"co-photo-marquee\">\r\n\r\n\r\n<img\r\nclass=\"co-photo-marquee__image\"\r\nsrc=\"https:\/\/co.brandium.dev\/wp-content\/uploads\/2024\/07\/co-officedata10.299.344571-scaled.jpg\"\r\nalt=\"Co-Office\"\r\n>\r\n\r\n\r\n<div class=\"co-photo-marquee__shade\"><\/div>\r\n\r\n\r\n<div class=\"co-photo-marquee__bottom\">\r\n\r\n\r\n<div class=\"co-logo-marquee\">\r\n\r\n\r\n<div class=\"co-logo-marquee__track\">\r\n\r\n\r\n<div class=\"co-logo-marquee__group\">\r\n\r\n\r\n<div class=\"co-logo-marquee__item\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"\/wp-content\/uploads\/2024\/11\/AC-logo-std-white.png\"\r\n        alt=\"Aroma Club\"\r\n    >\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"co-logo-marquee__item\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"\/wp-content\/uploads\/2024\/11\/bold@2x.png\"\r\n        alt=\"Bold\"\r\n    >\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"co-logo-marquee__item\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"\/wp-content\/uploads\/2024\/11\/villy@2x.png\"\r\n        alt=\"The Villy\"\r\n    >\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"co-logo-marquee__item\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"\/wp-content\/uploads\/2024\/11\/openR@2x.png\"\r\n        alt=\"OpenR\"\r\n    >\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<div\r\nclass=\"co-logo-marquee__group\"\r\naria-hidden=\"true\"\r\n>\r\n\r\n\r\n<div class=\"co-logo-marquee__item\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"\/wp-content\/uploads\/2024\/11\/AC-logo-std-white.png\"\r\n        alt=\"\"\r\n    >\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"co-logo-marquee__item\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"\/wp-content\/uploads\/2024\/11\/bold@2x.png\"\r\n        alt=\"\"\r\n    >\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"co-logo-marquee__item\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"\/wp-content\/uploads\/2024\/11\/villy@2x.png\"\r\n        alt=\"\"\r\n    >\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"co-logo-marquee__item\">\r\n\r\n    <img decoding=\"async\"\r\n        src=\"\/wp-content\/uploads\/2024\/11\/openR@2x.png\"\r\n        alt=\"\"\r\n    >\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b60fa1 e-con-full e-flex e-con e-parent\" data-id=\"6b60fa1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7dc4c4 elementor-widget elementor-widget-html\" data-id=\"b7dc4c4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n    gsap.registerPlugin(ScrollTrigger, SplitText);\r\n\r\n    function createGlitchfadeAnimation(element) {\r\n        if (element.dataset.animated) return;\r\n        element.dataset.animated = \"true\";\r\n\r\n        var mySplitText = new SplitText(element, {type:\"chars, words\"}),\r\n            tl = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: element,\r\n                    start: \"top 80%\", \r\n                    toggleActions: \"play none none reverse\",\r\n                },\r\n                defaults: {duration: 1.2, ease: \"power4.out\", delay: 0.1}\r\n            }),\r\n            numChars = mySplitText.chars.length;\r\n\r\n        var maxStartTime = 0.688 - 0.13;\r\n\r\n        for (var i = 0; i < numChars; i++) {\r\n            var randomStartTime = Math.random() * maxStartTime;\r\n            tl.from(mySplitText.chars[i], {opacity: 0}, randomStartTime);\r\n        }\r\n    }\r\n\r\n    function triggerGlitchfade(elements) {\r\n        elements.forEach(element => {\r\n            gsap.set(element, {visibility: \"visible\"});\r\n            createGlitchfadeAnimation(element);\r\n        });\r\n    }\r\n\r\n    function createMainTitleAnimation(element) {\r\n        if (element.dataset.animated) return;\r\n        element.dataset.animated = \"true\";\r\n\r\n        var tl = gsap.timeline();\r\n\r\n        var text = new SplitText(element, { types: \"lines\", linesClass: \"lineChild\" });\r\n        var mask = new SplitText(element, { types: \"lines\", linesClass: \"lineParent\" });\r\n\r\n        gsap.set(element, { display: \"block\" });\r\n\r\n        ScrollTrigger.create({\r\n            animation: tl,\r\n            trigger: element,\r\n            start: \"top 85%\", \r\n            end: \"bottom center\", \r\n            toggleActions: \"play none none reverse\"\r\n        });\r\n\r\n        tl.fromTo(text.lines, { y: 100 }, { y: 0, duration: 1.15, stagger: 0.1, ease:\"power4.inOut\" }, \"+=0\");\r\n    }\r\n\r\n    function triggerMainTitle(elements) {\r\n        elements.forEach(element => {\r\n            createMainTitleAnimation(element);\r\n        });\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', (event) => {\r\n        triggerGlitchfade(document.querySelectorAll('.glitchfade'));\r\n        triggerMainTitle(document.querySelectorAll('.maintitle'));\r\n    });\r\n\r\n\r\n    setTimeout(() => {\r\n        const newText = document.createElement('div');\r\n        newText.classList.add('text', 'glitchfade');\r\n        document.body.appendChild(newText);\r\n        triggerGlitchfade([newText]);\r\n    }, 2000);\r\n\r\n    setTimeout(() => {\r\n        const newTitle = document.createElement('div');\r\n        newTitle.classList.add('maintitle', 'hide');\r\n        document.body.appendChild(newTitle);\r\n        triggerMainTitle([newTitle]);\r\n    }, 4000);\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24f198d elementor-widget elementor-widget-html\" data-id=\"24f198d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\r\n  gsap.registerPlugin(CustomEase);\r\n\r\n  const customEase = CustomEase.create(\"ccv\", \"M0,0 C0.9,0.1,0.1,1,1,1\");\r\n  const customIntelligence = CustomEase.create(\"ccv2\", \"M0,0 C0.9,0.1,0.05,0.95,1,1\");\r\n\r\n  const tl = gsap.timeline();\r\n\r\n  tl.fromTo(\".menu-button[data-v-649bbaab]\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n\r\n\r\n  tl.fromTo(\".mobileco-toggle\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n\r\n  tl.fromTo(\"#cooffice-logo\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.fromTo(\".contactwrapper\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      delay: 0.23,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.from(\".slide\", {\r\n    y: 160,\r\n    stagger: 0.2,\r\n    opacity: 0,\r\n    duration: 1.7,\r\n    ease: \"power4.out\"\r\n  }, \"-=1.7\");\r\n\r\n  tl.fromTo(\".notification\", \r\n    {\r\n      y: \"90\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.35,\r\n      ease: \"power4.inOut\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Get in touch<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3207","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/3207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/comments?post=3207"}],"version-history":[{"count":21,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/3207\/revisions"}],"predecessor-version":[{"id":14257,"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/pages\/3207\/revisions\/14257"}],"wp:attachment":[{"href":"https:\/\/co.brandium.dev\/en\/wp-json\/wp\/v2\/media?parent=3207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}