{"id":17,"date":"2025-07-02T20:23:52","date_gmt":"2025-07-02T20:23:52","guid":{"rendered":"https:\/\/haipestudio.buzzvel.work\/?page_id=17"},"modified":"2025-10-06T10:56:04","modified_gmt":"2025-10-06T10:56:04","slug":"business-integration","status":"publish","type":"page","link":"https:\/\/haipestudio.buzzvel.work\/en\/services\/business-integration\/","title":{"rendered":"Connect Everything"},"content":{"rendered":"\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n  <section class=\"main-cta main-cta--h1 \" aria-labelledby=\"main-cta-heading\" >\n          <header class=\"main-cta__header\">\n                          <h1            id=\"main-cta-heading\"\n            class=\"main-cta__title main-cta__title--h1\"\n            >\n            Connect Everything          <\/h1>\n              <\/header>\n    \n    <div class=\"main-cta__content\">\n              <div class=\"main-cta__description \"><p>From scattered tools to seamless systems, Haipe builds automations that make your business run as one.<\/p>\n<\/div>\n      \n          <\/div>\n  <\/section>\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      document.querySelectorAll('a[data-ph-event]').forEach(function(el) {\n        el.addEventListener('click', function() {\n          if (typeof posthog !== 'undefined') {\n            posthog.capture(el.dataset.phEvent, {\n              title: el.dataset.phTitle,\n              url: el.href,\n              section: 'main-cta'\n            });\n            console.log('PostHog event captured:', el.dataset.phEvent, el.dataset.phTitle);\n          }\n        });\n      });\n    });\n  <\/script>\n\n\n\n\n<section id=\"\" class=\"solutions-accordion\">\n  <div class=\"solutions-accordion__container\">\n    <div class=\"solutions-accordion__grid\">\n\n      <!-- Left Column -->\n      <div class=\"solutions-accordion__left\">\n                  <h2 class=\"solutions-accordion__title\">\n            Solutions That Fit Your Needs          <\/h2>\n        \n                  <div class=\"solutions-accordion__description\">\n            <p class=\"p1\">From discovery to deployment, we follow a proven methodology that ensures every automation project delivers measurable success.<\/p>\n          <\/div>\n        \n                  <a href=\"#free-audit\"\n            class=\"solutions-accordion__button btn-primary\"\n            >\n            Get Started Now            <span class=\"btn-shine\"><\/span>\n          <\/a>\n              <\/div>\n\n      <!-- Right Column - Accordion -->\n      <div class=\"solutions-accordion__right\">\n                  <div class=\"solutions-accordion__list\">\n                          \n                              <div class=\"solutions-accordion__item\">\n                  <!-- Solution Header -->\n                  <button class=\"solutions-accordion__header\" type=\"button\"\n                    data-solution-toggle=\"solution-0\"\n                    aria-expanded=\"false\"\n                    aria-controls=\"solution-0\">\n\n                    <div class=\"solutions-accordion__header-content\">\n                      <!-- Icon -->\n                      <div class=\"solutions-accordion__icon\">\n                                                  <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_3572_27746)\">\n<path d=\"M21.5177 11.692C21.4777 11.6389 21.4276 11.5942 21.3702 11.5606C21.3128 11.5271 21.2493 11.5053 21.1834 11.4966C21.1175 11.4879 21.0505 11.4924 20.9863 11.5099C20.9222 11.5274 20.8622 11.5575 20.8098 11.5985C20.7574 11.6394 20.7137 11.6904 20.6813 11.7485C20.6489 11.8065 20.6284 11.8705 20.621 11.9365C20.6135 12.0026 20.6194 12.0695 20.6381 12.1333C20.6569 12.1971 20.6882 12.2565 20.7302 12.308C21.5574 13.3604 22.005 14.6614 22.0002 16C22 17.3324 21.5563 18.6267 20.7392 19.679C19.922 20.7313 18.7779 21.4817 17.4872 21.8119C16.1964 22.1421 14.8325 22.0333 13.6104 21.5027C12.3883 20.972 11.3776 20.0497 10.7377 18.8812C10.0977 17.7126 9.86487 16.3643 10.0759 15.0488C10.2869 13.7333 10.9298 12.5255 11.9031 11.6157C12.8765 10.7059 14.1249 10.146 15.4517 10.0242C16.7784 9.90244 18.1079 10.2257 19.2307 10.943C19.3424 11.0145 19.4781 11.0387 19.6076 11.0102C19.7372 10.9816 19.8502 10.9028 19.9217 10.791C19.9931 10.6793 20.0173 10.5436 19.9888 10.4141C19.9603 10.2845 19.8814 10.1715 19.7697 10.1C18.2906 9.15547 16.5108 8.80053 14.7825 9.10548C13.0543 9.41042 11.5034 10.353 10.4369 11.7468C9.37042 13.1405 8.86595 14.8838 9.02336 16.6317C9.18077 18.3796 9.98858 20.0047 11.2869 21.1855C12.5853 22.3662 14.2796 23.0166 16.0345 23.0078C17.7895 22.9991 19.4772 22.3319 20.7637 21.1382C22.0502 19.9446 22.8418 18.3115 22.9818 16.5621C23.1218 14.8128 22.6 13.0746 21.5197 11.6915L21.5177 11.692Z\" fill=\"#663BB7\"\/>\n<path d=\"M23.622 21.5C23.5408 21.4169 23.4907 21.3082 23.4803 21.1924C23.4699 21.0766 23.4999 20.9608 23.565 20.8645C24.0992 20.038 24.4931 19.1289 24.731 18.174L26.0185 18.818C26.013 18.8785 26 18.9375 26 18.9995C25.9986 19.4796 26.1694 19.9442 26.4813 20.3091C26.7933 20.674 27.2258 20.9149 27.7002 20.988C28.1747 21.0612 28.6596 20.9618 29.0671 20.7079C29.4745 20.454 29.7773 20.0624 29.9206 19.6042C30.0639 19.146 30.0381 18.6517 29.8479 18.2109C29.6578 17.7701 29.3158 17.4121 28.8842 17.2019C28.4526 16.9918 27.96 16.9434 27.4957 17.0655C27.0314 17.1876 26.6264 17.4722 26.354 17.8675L24.924 17.1525C25.0188 16.4155 25.0234 15.6696 24.9375 14.9315C24.7762 13.5804 24.3052 12.2847 23.561 11.1455L24.6945 10.012C25.5953 10.7321 26.7376 11.0798 27.8868 10.9839C29.036 10.888 30.1048 10.3556 30.8737 9.49623C31.6426 8.63681 32.0533 7.51557 32.0213 6.36283C31.9893 5.21009 31.517 4.11337 30.7016 3.29794C29.8862 2.48251 28.7895 2.0103 27.6367 1.97829C26.484 1.94628 25.3627 2.35691 24.5033 3.12583C23.6439 3.89475 23.1116 4.96358 23.0156 6.11277C22.9197 7.26196 23.2675 8.40426 23.9875 9.30502L22.967 10.3255C21.5194 8.53661 19.4401 7.37193 17.1585 7.07202C16.9385 7.04452 16.719 7.02802 16.5 7.01602V5.92902C16.9714 5.80732 17.3821 5.5179 17.6553 5.11501C17.9285 4.71213 18.0454 4.22342 17.9841 3.74052C17.9228 3.25761 17.6874 2.81365 17.3221 2.49186C16.9569 2.17006 16.4868 1.99253 16 1.99253C15.5132 1.99253 15.0432 2.17006 14.6779 2.49186C14.3127 2.81365 14.0773 3.25761 14.016 3.74052C13.9546 4.22342 14.0715 4.71213 14.3447 5.11501C14.6179 5.5179 15.0287 5.80732 15.5 5.92902V7.01652C13.4606 7.12499 11.5197 7.92816 10 9.29252L8.01303 7.30552C8.73308 6.40476 9.08085 5.26246 8.98493 4.11327C8.889 2.96408 8.35666 1.89525 7.49724 1.12633C6.63782 0.357413 5.51658 -0.0532174 4.36384 -0.0212093C3.2111 0.0107988 2.11438 0.483015 1.29895 1.29844C0.483527 2.11387 0.0113105 3.21059 -0.0206976 4.36333C-0.0527056 5.51607 0.357925 6.63731 1.12684 7.49673C1.89576 8.35614 2.96459 8.88849 4.11378 8.98442C5.26297 9.08034 6.40527 8.73256 7.30603 8.01252L9.29253 10C7.9284 11.5199 7.12512 13.4606 7.01603 15.5H5.92903C5.80733 15.0287 5.51792 14.6179 5.11503 14.3447C4.71214 14.0715 4.22344 13.9546 3.74053 14.016C3.25762 14.0773 2.81366 14.3126 2.49187 14.6779C2.17007 15.0432 1.99254 15.5132 1.99254 16C1.99254 16.4868 2.17007 16.9569 2.49187 17.3221C2.81366 17.6874 3.25762 17.9227 3.74053 17.9841C4.22344 18.0454 4.71214 17.9285 5.11503 17.6553C5.51792 17.3821 5.80733 16.9713 5.92903 16.5H7.01653C7.02803 16.719 7.04503 16.9385 7.07253 17.1585C7.27365 18.7191 7.88722 20.1979 8.85003 21.4425L7.30503 22.9875C6.40427 22.2675 5.26197 21.9197 4.11278 22.0156C2.96359 22.1115 1.89476 22.6439 1.12584 23.5033C0.356925 24.3627 -0.0537056 25.484 -0.0216976 26.6367C0.0103105 27.7894 0.482527 28.8862 1.29795 29.7016C2.11338 30.517 3.2101 30.9892 4.36284 31.0212C5.51558 31.0533 6.63682 30.6426 7.49624 29.8737C8.35566 29.1048 8.888 28.036 8.98393 26.8868C9.07985 25.7376 8.73208 24.5953 8.01203 23.6945L9.50303 22.2035C10.9392 23.7189 12.859 24.6858 14.9315 24.9375C15.4865 25.0018 16.0461 25.0154 16.6035 24.978L16.937 26.312C16.5323 26.5699 16.2343 26.9651 16.0978 27.4251C15.9612 27.8851 15.9953 28.379 16.1938 28.8159C16.3922 29.2527 16.7417 29.6033 17.178 29.8031C17.6143 30.0029 18.108 30.0385 18.5684 29.9034C19.0288 29.7682 19.425 29.4714 19.6841 29.0675C19.9432 28.6637 20.0478 28.1798 19.9786 27.705C19.9095 27.2301 19.6713 26.7962 19.3077 26.483C18.9442 26.1697 18.4799 25.9982 18 26C17.9635 26 17.9295 26.009 17.893 26.011L17.603 24.8515C18.7649 24.6432 19.8738 24.2059 20.865 23.565C20.9612 23.4998 21.077 23.4698 21.1927 23.4802C21.3084 23.4906 21.417 23.5407 21.5 23.622L29.4395 31.5605C29.5787 31.6999 29.744 31.8105 29.926 31.886C30.108 31.9614 30.303 32.0001 30.5 32C30.5405 32 30.581 32 30.6215 31.995C30.8392 31.9771 31.0504 31.9119 31.2404 31.804C31.4303 31.6962 31.5945 31.5483 31.7215 31.3705C31.9246 31.071 32.0158 30.7097 31.9792 30.3497C31.9427 29.9897 31.7807 29.6541 31.5215 29.4015L23.622 21.5ZM28 18C28.1978 18 28.3912 18.0587 28.5556 18.1685C28.7201 18.2784 28.8482 18.4346 28.9239 18.6173C28.9996 18.8001 29.0194 19.0011 28.9808 19.1951C28.9422 19.3891 28.847 19.5673 28.7071 19.7071C28.5673 19.847 28.3891 19.9422 28.1951 19.9808C28.0011 20.0194 27.8001 19.9996 27.6173 19.9239C27.4346 19.8482 27.2784 19.72 27.1686 19.5556C27.0587 19.3911 27 19.1978 27 19C27 18.7348 27.1054 18.4804 27.2929 18.2929C27.4805 18.1054 27.7348 18 28 18ZM27.5 3.00002C28.1923 3.00002 28.869 3.20529 29.4445 3.58987C30.0201 3.97446 30.4687 4.52108 30.7336 5.16063C30.9985 5.80017 31.0678 6.5039 30.9328 7.18283C30.7977 7.86177 30.4644 8.48541 29.9749 8.97489C29.4854 9.46438 28.8618 9.79772 28.1828 9.93277C27.5039 10.0678 26.8002 9.9985 26.1606 9.7336C25.5211 9.46869 24.9745 9.02009 24.5899 8.44451C24.2053 7.86894 24 7.19225 24 6.50002C24.0011 5.57209 24.3702 4.68246 25.0263 4.02631C25.6825 3.37017 26.5721 3.00108 27.5 3.00002ZM4.50003 30C3.8078 30 3.13111 29.7947 2.55553 29.4102C1.97996 29.0256 1.53136 28.479 1.26645 27.8394C1.00155 27.1999 0.932233 26.4961 1.06728 25.8172C1.20233 25.1383 1.53567 24.5146 2.02516 24.0251C2.51464 23.5357 3.13828 23.2023 3.81721 23.0673C4.49615 22.9322 5.19988 23.0015 5.83942 23.2664C6.47896 23.5313 7.02559 23.9799 7.41017 24.5555C7.79476 25.1311 8.00003 25.8078 8.00003 26.5C7.99897 27.428 7.62988 28.3176 6.97373 28.9737C6.31759 29.6299 5.42796 29.999 4.50003 30ZM19 28C19 28.1978 18.9414 28.3911 18.8315 28.5556C18.7216 28.72 18.5654 28.8482 18.3827 28.9239C18.2 28.9996 17.9989 29.0194 17.8049 28.9808C17.611 28.9422 17.4328 28.847 17.2929 28.7071C17.1531 28.5673 17.0578 28.3891 17.0192 28.1951C16.9807 28.0011 17.0005 27.8001 17.0762 27.6173C17.1518 27.4346 17.28 27.2784 17.4445 27.1685C17.6089 27.0587 17.8022 27 18 27C18.2652 27 18.5196 27.1054 18.7071 27.2929C18.8947 27.4804 19 27.7348 19 28ZM15 4.00002C15 3.80224 15.0587 3.6089 15.1686 3.44445C15.2784 3.28 15.4346 3.15183 15.6173 3.07614C15.8001 3.00045 16.0011 2.98065 16.1951 3.01923C16.3891 3.05782 16.5673 3.15306 16.7071 3.29291C16.847 3.43276 16.9422 3.61095 16.9808 3.80493C17.0194 3.99891 16.9996 4.19998 16.9239 4.3827C16.8482 4.56543 16.7201 4.72161 16.5556 4.83149C16.3912 4.94137 16.1978 5.00002 16 5.00002C15.7348 5.00002 15.4805 4.89466 15.2929 4.70713C15.1054 4.51959 15 4.26523 15 4.00002ZM4.50003 8.00002C3.8078 8.00002 3.13111 7.79475 2.55553 7.41016C1.97996 7.02558 1.53136 6.47895 1.26645 5.83941C1.00155 5.19987 0.932233 4.49614 1.06728 3.8172C1.20233 3.13827 1.53567 2.51463 2.02516 2.02514C2.51464 1.53566 3.13828 1.20232 3.81721 1.06727C4.49615 0.932222 5.19988 1.00153 5.83942 1.26644C6.47896 1.53135 7.02559 1.97995 7.41017 2.55552C7.79476 3.13109 8.00003 3.80778 8.00003 4.50002C7.99897 5.42795 7.62988 6.31757 6.97373 6.97372C6.31759 7.62987 5.42796 7.99896 4.50003 8.00002ZM4.00003 17C3.80225 17 3.60891 16.9414 3.44446 16.8315C3.28001 16.7216 3.15184 16.5654 3.07615 16.3827C3.00046 16.2 2.98066 15.9989 3.01924 15.8049C3.05783 15.6109 3.15307 15.4328 3.29292 15.2929C3.43278 15.1531 3.61096 15.0578 3.80494 15.0192C3.99892 14.9806 4.19999 15.0005 4.38271 15.0761C4.56544 15.1518 4.72162 15.28 4.8315 15.4444C4.94138 15.6089 5.00003 15.8022 5.00003 16C5.00003 16.2652 4.89467 16.5196 4.70714 16.7071C4.5196 16.8947 4.26525 17 4.00003 17ZM30.9105 30.7865C30.8684 30.8469 30.8134 30.8972 30.7495 30.9338C30.6856 30.9705 30.6144 30.9926 30.541 30.9985C30.4686 31.0051 30.3957 30.9955 30.3275 30.9704C30.2592 30.9453 30.1974 30.9054 30.1465 30.8535L22.208 22.915C22.07 22.7761 21.9059 22.6658 21.7251 22.5907C21.5443 22.5155 21.3504 22.4769 21.1545 22.477C20.859 22.4784 20.5703 22.5652 20.323 22.727C18.7625 23.7385 16.8961 24.1695 15.05 23.9445C13.5595 23.766 12.1494 23.1718 10.9807 22.2297C9.81194 21.2876 8.93187 20.0357 8.44103 18.6171C7.9502 17.1985 7.8684 15.6704 8.20499 14.2075C8.54158 12.7446 9.28297 11.4059 10.3444 10.3444C11.4059 9.28296 12.7446 8.54156 14.2075 8.20497C15.6704 7.86838 17.1985 7.95018 18.6171 8.44102C20.0357 8.93186 21.2876 9.81193 22.2297 10.9806C23.1718 12.1493 23.766 13.5595 23.9445 15.05C24.1691 16.8963 23.7375 18.7628 22.725 20.323C22.5345 20.6109 22.4493 20.9559 22.4839 21.2994C22.5185 21.6429 22.6708 21.9639 22.915 22.208L30.815 30.108C30.9067 30.1928 30.9662 30.3066 30.9836 30.4303C31.001 30.5539 30.9752 30.6797 30.9105 30.7865Z\" fill=\"#663BB7\"\/>\n<path d=\"M12 18V18.893C12.0016 19.1782 12.0834 19.4572 12.2361 19.6981C12.3888 19.9389 12.6062 20.1319 12.8635 20.255C13.8366 20.7442 14.9106 20.999 15.9998 20.999C17.0889 20.999 18.1629 20.7442 19.136 20.255C19.3934 20.132 19.611 19.9391 19.7638 19.6982C19.9166 19.4573 19.9985 19.1783 20 18.893V18C19.9986 17.2058 19.761 16.4299 19.3174 15.771C18.8739 15.1122 18.2444 14.6001 17.509 14.3C17.8242 13.9401 17.9986 13.4784 18 13C18 12.4696 17.7893 11.9609 17.4142 11.5858C17.0391 11.2107 16.5304 11 16 11C15.4696 11 14.9609 11.2107 14.5858 11.5858C14.2107 11.9609 14 12.4696 14 13C14.0014 13.4784 14.1758 13.9401 14.491 14.3C13.7556 14.6001 13.1261 15.1122 12.6826 15.771C12.239 16.4299 12.0014 17.2058 12 18ZM15 13C15 12.8022 15.0586 12.6089 15.1685 12.4444C15.2784 12.28 15.4346 12.1518 15.6173 12.0761C15.8 12.0004 16.0011 11.9806 16.1951 12.0192C16.3891 12.0578 16.5673 12.153 16.7071 12.2929C16.847 12.4327 16.9422 12.6109 16.9808 12.8049C17.0194 12.9989 16.9996 13.2 16.9239 13.3827C16.8482 13.5654 16.72 13.7216 16.5556 13.8315C16.3911 13.9414 16.1978 14 16 14C15.7348 14 15.4804 13.8946 15.2929 13.7071C15.1054 13.5196 15 13.2652 15 13ZM16 15C16.7954 15.0008 17.558 15.3171 18.1204 15.8796C18.6829 16.442 18.9992 17.2046 19 18V18.893C18.999 18.9894 18.9709 19.0836 18.9189 19.1647C18.8669 19.2459 18.7931 19.3108 18.706 19.352C17.8682 19.7801 16.9408 20.0034 16 20.0034C15.0592 20.0034 14.1318 19.7801 13.294 19.352C13.2069 19.3108 13.1331 19.2459 13.0811 19.1647C13.0291 19.0836 13.001 18.9894 13 18.893V18C13.0008 17.2046 13.3171 16.442 13.8796 15.8796C14.442 15.3171 15.2046 15.0008 16 15Z\" fill=\"#663BB7\"\/>\n<path d=\"M25.818 9.18451C26.9 9.60433 28.1 9.60433 29.182 9.18451C29.4221 9.09292 29.6288 8.93069 29.7749 8.71923C29.9209 8.50776 29.9994 8.257 30 8.00001C29.9985 7.5613 29.8812 7.13075 29.66 6.75191C29.4387 6.37306 29.1214 6.05936 28.74 5.84251C28.8935 5.61706 28.9826 5.35403 28.9977 5.08173C29.0128 4.80942 28.9534 4.53814 28.8259 4.29707C28.6984 4.05599 28.5075 3.85425 28.2739 3.71354C28.0403 3.57283 27.7727 3.49847 27.5 3.49847C27.2273 3.49847 26.9597 3.57283 26.7261 3.71354C26.4925 3.85425 26.3016 4.05599 26.1741 4.29707C26.0466 4.53814 25.9872 4.80942 26.0023 5.08173C26.0174 5.35403 26.1065 5.61706 26.26 5.84251C25.8786 6.05936 25.5613 6.37306 25.34 6.75191C25.1188 7.13075 25.0015 7.5613 25 8.00001C25.0006 8.257 25.0791 8.50776 25.2251 8.71923C25.3712 8.93069 25.5779 9.09292 25.818 9.18451ZM27 5.00001C27 4.90112 27.0293 4.80445 27.0843 4.72223C27.1392 4.64 27.2173 4.57592 27.3087 4.53807C27.4 4.50023 27.5006 4.49033 27.5975 4.50962C27.6945 4.52891 27.7836 4.57653 27.8536 4.64646C27.9235 4.71638 27.9711 4.80548 27.9904 4.90247C28.0097 4.99946 27.9998 5.09999 27.9619 5.19135C27.9241 5.28272 27.86 5.36081 27.7778 5.41575C27.6956 5.47069 27.5989 5.50001 27.5 5.50001C27.3674 5.50001 27.2402 5.44733 27.1464 5.35357C27.0527 5.2598 27 5.13262 27 5.00001ZM27.5 6.50001C27.8978 6.50001 28.2794 6.65805 28.5607 6.93935C28.842 7.22066 29 7.60219 29 8.00001C29.0004 8.05401 28.9843 8.10685 28.954 8.15151C28.9236 8.19617 28.8804 8.23052 28.83 8.25001C27.9755 8.587 27.025 8.587 26.1705 8.25001C26.12 8.2306 26.0767 8.19628 26.0462 8.15162C26.0158 8.10696 25.9996 8.05407 26 8.00001C26 7.60219 26.158 7.22066 26.4393 6.93935C26.7206 6.65805 27.1022 6.50001 27.5 6.50001Z\" fill=\"#663BB7\"\/>\n<path d=\"M5.74 25.8425C5.89346 25.6171 5.98255 25.354 5.99769 25.0817C6.01282 24.8094 5.95343 24.5381 5.82591 24.2971C5.69838 24.056 5.50754 23.8543 5.27392 23.7135C5.04029 23.5728 4.77273 23.4985 4.5 23.4985C4.22727 23.4985 3.95971 23.5728 3.72608 23.7135C3.49246 23.8543 3.30162 24.056 3.17409 24.2971C3.04657 24.5381 2.98718 24.8094 3.00231 25.0817C3.01745 25.354 3.10654 25.6171 3.26 25.8425C2.87862 26.0594 2.56126 26.3731 2.34001 26.7519C2.11877 27.1308 2.00147 27.5613 2 28C2.00061 28.257 2.07911 28.5078 2.22515 28.7192C2.37118 28.9307 2.57789 29.0929 2.818 29.1845C3.90004 29.6043 5.09996 29.6043 6.182 29.1845C6.42211 29.0929 6.62882 28.9307 6.77485 28.7192C6.92089 28.5078 6.99939 28.257 7 28C6.99853 27.5613 6.88123 27.1308 6.65999 26.7519C6.43874 26.3731 6.12138 26.0594 5.74 25.8425ZM4 25C4 24.9011 4.02932 24.8045 4.08427 24.7222C4.13921 24.64 4.2173 24.5759 4.30866 24.5381C4.40002 24.5002 4.50055 24.4903 4.59755 24.5096C4.69454 24.5289 4.78363 24.5765 4.85355 24.6465C4.92348 24.7164 4.9711 24.8055 4.99039 24.9025C5.00969 24.9995 4.99978 25.1 4.96194 25.1914C4.9241 25.2827 4.86001 25.3608 4.77779 25.4157C4.69556 25.4707 4.59889 25.5 4.5 25.5C4.36739 25.5 4.24021 25.4473 4.14645 25.3536C4.05268 25.2598 4 25.1326 4 25ZM5.83 28.25C4.97552 28.587 4.02498 28.587 3.1705 28.25C3.12004 28.2306 3.0767 28.1963 3.04624 28.1516C3.01578 28.107 2.99965 28.0541 3 28C3 27.6022 3.15804 27.2207 3.43934 26.9394C3.72064 26.658 4.10218 26.5 4.5 26.5C4.89782 26.5 5.27936 26.658 5.56066 26.9394C5.84196 27.2207 6 27.6022 6 28C6.00039 28.054 5.98434 28.1069 5.95397 28.1515C5.9236 28.1962 5.88036 28.2305 5.83 28.25Z\" fill=\"#663BB7\"\/>\n<path d=\"M5.74 3.84251C5.89346 3.61706 5.98255 3.35403 5.99769 3.08173C6.01282 2.80942 5.95343 2.53814 5.82591 2.29707C5.69838 2.05599 5.50754 1.85425 5.27392 1.71354C5.04029 1.57283 4.77273 1.49847 4.5 1.49847C4.22727 1.49847 3.95971 1.57283 3.72608 1.71354C3.49246 1.85425 3.30162 2.05599 3.17409 2.29707C3.04657 2.53814 2.98718 2.80942 3.00231 3.08173C3.01745 3.35403 3.10654 3.61706 3.26 3.84251C2.87862 4.05936 2.56126 4.37306 2.34001 4.75191C2.11877 5.13075 2.00147 5.5613 2 6.00001C2.00061 6.257 2.07911 6.50776 2.22515 6.71923C2.37118 6.93069 2.57789 7.09292 2.818 7.18451C3.90004 7.60434 5.09996 7.60434 6.182 7.18451C6.42211 7.09292 6.62882 6.93069 6.77485 6.71923C6.92089 6.50776 6.99939 6.257 7 6.00001C6.99853 5.5613 6.88123 5.13075 6.65999 4.75191C6.43874 4.37306 6.12138 4.05936 5.74 3.84251ZM4 3.00001C4 2.90112 4.02932 2.80445 4.08427 2.72223C4.13921 2.64 4.2173 2.57592 4.30866 2.53807C4.40002 2.50023 4.50055 2.49033 4.59755 2.50962C4.69454 2.52891 4.78363 2.57653 4.85355 2.64646C4.92348 2.71639 4.9711 2.80548 4.99039 2.90247C5.00969 2.99946 4.99978 3.09999 4.96194 3.19135C4.9241 3.28272 4.86001 3.36081 4.77779 3.41575C4.69556 3.47069 4.59889 3.50001 4.5 3.50001C4.36739 3.50001 4.24021 3.44733 4.14645 3.35357C4.05268 3.2598 4 3.13262 4 3.00001ZM5.83 6.25001C4.97552 6.587 4.02498 6.587 3.1705 6.25001C3.12004 6.2306 3.0767 6.19628 3.04624 6.15162C3.01578 6.10696 2.99965 6.05407 3 6.00001C3 5.60219 3.15804 5.22066 3.43934 4.93935C3.72064 4.65805 4.10218 4.50001 4.5 4.50001C4.89782 4.50001 5.27936 4.65805 5.56066 4.93935C5.84196 5.22066 6 5.60219 6 6.00001C6.00039 6.05401 5.98434 6.10685 5.95397 6.15151C5.9236 6.19617 5.88036 6.23052 5.83 6.25001Z\" fill=\"#663BB7\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_3572_27746\">\n<rect width=\"32\" height=\"32\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                                              <\/div>\n\n                      <!-- Title -->\n                      <h3 class=\"solutions-accordion__item-title\">\n                        Automation Audit &amp; Strategy                      <\/h3>\n                    <\/div>\n\n                    <!-- Arrow Icon -->\n                    <span class=\"solutions-accordion__arrow\">\n                      <svg width=\"9\" height=\"4\" viewBox=\"0 0 9 4\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"solutions-accordion__arrow-svg\">\n                        <path d=\"M4.54429 3.87947C4.62764 3.95665 4.74061 4 4.8584 4C4.97619 4 5.08916 3.95665 5.1725 3.87947L8.72841 0.58247C8.81164 0.505196 8.8584 0.400448 8.8584 0.291234C8.8584 0.182021 8.81164 0.0772731 8.72841 -4.65473e-07L0.988391 2.11181e-07C0.905152 0.0772738 0.858399 0.182022 0.858399 0.291235C0.858399 0.400449 0.905152 0.505197 0.988391 0.58247L4.54429 3.87947Z\"\n                          fill=\"currentColor\" \/>\n                      <\/svg>\n                    <\/span>\n                  <\/button>\n\n                  <!-- Solution Content -->\n                  <div class=\"solutions-accordion__content\" id=\"solution-0\"\n                    aria-labelledby=\"solution-0-header\">\n                                          <div class=\"solutions-accordion__content-text\">\n                        <p>A comprehensive review of your current processes with an actionable automation roadmap.<\/p>\n<h4>Typical Engagement<\/h4>\n<ul>\n<li>2-week assessment<\/li>\n<\/ul>\n<h4>Starting Price<\/h4>\n<ul>\n<li>1999\u20ac<\/li>\n<\/ul>\n                      <\/div>\n                    \n                                          <a href=\"#free-audit\"\n                        class=\"solutions-accordion__button-mobile btn-primary\"\n                        >\n                        Get Started Now                        <span class=\"btn-shine\"><\/span>\n                      <\/a>\n                                      <\/div>\n                <\/div>\n                                        \n                              <div class=\"solutions-accordion__item\">\n                  <!-- Solution Header -->\n                  <button class=\"solutions-accordion__header\" type=\"button\"\n                    data-solution-toggle=\"solution-1\"\n                    aria-expanded=\"false\"\n                    aria-controls=\"solution-1\">\n\n                    <div class=\"solutions-accordion__header-content\">\n                      <!-- Icon -->\n                      <div class=\"solutions-accordion__icon\">\n                                                  <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.4898 5.93813C16.4898 5.73125 16.6579 5.56313 16.8648 5.56313H22.1592C22.3661 5.56313 22.5342 5.73125 22.5342 5.93813C22.5342 6.145 22.3661 6.31313 22.1592 6.31313H16.8648C16.6579 6.31313 16.4898 6.145 16.4898 5.93813ZM19.6904 4.29063H22.2779C22.4848 4.29063 22.6529 4.1225 22.6529 3.91563C22.6529 3.70875 22.4848 3.54063 22.2779 3.54063H19.6904C19.4836 3.54063 19.3154 3.70875 19.3154 3.91563C19.3154 4.1225 19.4836 4.29063 19.6904 4.29063ZM10.5642 14.1919C10.6261 14.3225 10.7579 14.4056 10.9029 14.4056C11.0479 14.4056 11.1798 14.3225 11.2417 14.1919L12.3442 11.8713C12.4329 11.6844 12.3536 11.4606 12.1667 11.3719C11.9798 11.2831 11.7561 11.3625 11.6673 11.5494L10.9036 13.1569L10.1398 11.5494C10.0511 11.3625 9.8273 11.2825 9.64043 11.3719C9.45355 11.4606 9.37355 11.6844 9.46293 11.8713L10.5642 14.1919ZM6.3873 14.4062C6.59418 14.4062 6.7623 14.2381 6.7623 14.0312V12.65L8.32043 14.29C8.39293 14.3663 8.49168 14.4069 8.5923 14.4069C8.63918 14.4069 8.68605 14.3981 8.73105 14.38C8.87355 14.3231 8.96668 14.185 8.96668 14.0319V11.7113C8.96668 11.5044 8.79855 11.3363 8.59168 11.3363C8.3848 11.3363 8.21668 11.5044 8.21668 11.7113V13.0925L6.65856 11.4525C6.55293 11.3413 6.3898 11.3056 6.24793 11.3625C6.10543 11.4194 6.0123 11.5575 6.0123 11.7106V14.0312C6.0123 14.2381 6.1798 14.4062 6.3873 14.4062ZM5.55418 11.7106C5.55418 11.5037 5.38605 11.3356 5.17918 11.3356C4.9723 11.3356 4.80418 11.5037 4.80418 11.7106V14.0312C4.80418 14.2381 4.9723 14.4062 5.17918 14.4062C5.38605 14.4062 5.55418 14.2381 5.55418 14.0312V11.7106ZM12.8386 12.9381V12.8044C12.8386 11.995 13.4973 11.3363 14.3067 11.3363H14.3254C15.1348 11.3363 15.7936 11.995 15.7936 12.8044V12.9381C15.7936 13.7475 15.1348 14.4062 14.3254 14.4062H14.3067C13.4973 14.4062 12.8386 13.7475 12.8386 12.9381ZM13.5886 12.9381C13.5886 13.3344 13.9104 13.6562 14.3067 13.6562H14.3254C14.7217 13.6562 15.0436 13.3337 15.0436 12.9381V12.8044C15.0436 12.4081 14.7217 12.0863 14.3254 12.0863H14.3067C13.9104 12.0863 13.5886 12.4087 13.5886 12.8044V12.9381ZM16.6267 14.4062C16.8336 14.4062 17.0017 14.2381 17.0017 14.0312V11.7106C17.0017 11.5037 16.8336 11.3356 16.6267 11.3356C16.4198 11.3356 16.2517 11.5037 16.2517 11.7106V14.0312C16.2517 14.2381 16.4198 14.4062 16.6267 14.4062ZM19.3561 13.5269C19.2354 13.6112 19.0936 13.6562 18.9461 13.6562H18.9273C18.5311 13.6562 18.2092 13.3337 18.2092 12.9381V12.8044C18.2092 12.4081 18.5317 12.0863 18.9273 12.0863H18.9461C19.0929 12.0863 19.2348 12.1306 19.3561 12.2156C19.5261 12.3344 19.7598 12.2931 19.8786 12.1231C19.9973 11.9537 19.9561 11.7194 19.7861 11.6006C19.5386 11.4275 19.2486 11.3363 18.9467 11.3363H18.9279C18.1186 11.3363 17.4598 11.995 17.4598 12.8044V12.9381C17.4598 13.7475 18.1186 14.4062 18.9279 14.4062H18.9467C19.2486 14.4062 19.5386 14.315 19.7861 14.1419C19.9561 14.0231 19.9973 13.7894 19.8786 13.6194C19.7598 13.4494 19.5261 13.4081 19.3561 13.5269ZM22.2479 12.0719C22.4548 12.0719 22.6229 11.9037 22.6229 11.6969C22.6229 11.49 22.4548 11.3219 22.2479 11.3219H20.7979C20.5911 11.3219 20.4229 11.49 20.4229 11.6969V14.0175C20.4229 14.2244 20.5911 14.3925 20.7979 14.3925H22.2479C22.4548 14.3925 22.6229 14.2244 22.6229 14.0175C22.6229 13.8106 22.4548 13.6425 22.2479 13.6425H21.1729V13.2325H22.2479C22.4548 13.2325 22.6229 13.0644 22.6229 12.8575C22.6229 12.6506 22.4548 12.4825 22.2479 12.4825H21.1729V12.0725H22.2479V12.0719ZM29.6061 26.0475C29.6061 28.8125 27.3561 31.0625 24.5911 31.0625C23.2979 31.0625 22.1179 30.5706 21.2279 29.7644H4.61355C3.38918 29.7644 2.39355 28.7687 2.39355 27.5444V8.45063H2.39418C2.39418 8.35875 2.42793 8.2675 2.4923 8.1975L9.0348 1.05938C9.1073 0.980625 9.20793 0.93875 9.31105 0.93875V0.9375H22.8129C24.0373 0.9375 25.0329 1.93313 25.0329 3.1575V21.0531C27.5923 21.2781 29.6061 23.4313 29.6061 26.0475ZM3.62105 8.07563H6.9023C8.02418 8.07563 8.93668 7.16313 8.93668 6.04125V2.27625L3.62105 8.07563ZM20.5511 29.0144C20.1398 28.4563 19.8423 27.81 19.6904 27.11H5.89168C5.6848 27.11 5.51668 26.9419 5.51668 26.735V17.2769C5.51668 17.07 5.6848 16.9019 5.89168 16.9019H21.5348C21.7417 16.9019 21.9098 17.07 21.9098 17.2769V21.8125C22.6048 21.3713 23.4142 21.0956 24.2836 21.0425V3.1575C24.2836 2.34687 23.6242 1.6875 22.8136 1.6875H9.68668V6.04125C9.68668 7.57625 8.43793 8.82563 6.9023 8.82563H3.14355V27.5444C3.14355 28.355 3.80293 29.0144 4.61355 29.0144H20.5511ZM19.5767 26.0475C19.5767 25.3019 19.7417 24.5944 20.0348 23.9575H18.2236V26.36H19.5873C19.5804 26.2569 19.5767 26.1525 19.5767 26.0475ZM20.4611 23.2075C20.6648 22.9125 20.8992 22.64 21.1598 22.3956V20.805H18.2229V23.2075H20.4611ZM21.1598 20.055V17.6525H18.2229V20.055H21.1598ZM17.4729 23.2075V20.805H6.26668V23.2075H17.4729ZM6.26668 23.9575V26.36H17.4729V23.9575H6.26668ZM17.4729 20.055V17.6525H6.26668V20.055H17.4729ZM28.8561 26.0475C28.8561 23.6956 26.9429 21.7825 24.5911 21.7825C22.2392 21.7825 20.3261 23.6956 20.3261 26.0475C20.3261 28.3994 22.2398 30.3125 24.5911 30.3125C26.9429 30.3125 28.8561 28.3994 28.8561 26.0475ZM27.4973 24.0238C27.3511 23.8775 27.1136 23.8775 26.9667 24.0238L23.7148 27.2756L22.2148 25.7756C22.0686 25.6294 21.8311 25.6294 21.6842 25.7756C21.5379 25.9219 21.5379 26.1594 21.6842 26.3056L23.4492 28.0706C23.5198 28.1413 23.6148 28.1806 23.7142 28.1806C23.8136 28.1806 23.9092 28.1413 23.9792 28.0706L27.4967 24.5531C27.6442 24.4075 27.6442 24.17 27.4973 24.0238Z\" fill=\"#663BB7\"\/>\n<\/svg>\n                                              <\/div>\n\n                      <!-- Title -->\n                      <h3 class=\"solutions-accordion__item-title\">\n                        Custom API Development                      <\/h3>\n                    <\/div>\n\n                    <!-- Arrow Icon -->\n                    <span class=\"solutions-accordion__arrow\">\n                      <svg width=\"9\" height=\"4\" viewBox=\"0 0 9 4\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"solutions-accordion__arrow-svg\">\n                        <path d=\"M4.54429 3.87947C4.62764 3.95665 4.74061 4 4.8584 4C4.97619 4 5.08916 3.95665 5.1725 3.87947L8.72841 0.58247C8.81164 0.505196 8.8584 0.400448 8.8584 0.291234C8.8584 0.182021 8.81164 0.0772731 8.72841 -4.65473e-07L0.988391 2.11181e-07C0.905152 0.0772738 0.858399 0.182022 0.858399 0.291235C0.858399 0.400449 0.905152 0.505197 0.988391 0.58247L4.54429 3.87947Z\"\n                          fill=\"currentColor\" \/>\n                      <\/svg>\n                    <\/span>\n                  <\/button>\n\n                  <!-- Solution Content -->\n                  <div class=\"solutions-accordion__content\" id=\"solution-1\"\n                    aria-labelledby=\"solution-1-header\">\n                                          <div class=\"solutions-accordion__content-text\">\n                        <p>Build secure, reliable integration points between your proprietary systems and third-party tools.<\/p>\n<h4>Typical Engagement<\/h4>\n<ul>\n<li>3-4 week project<\/li>\n<\/ul>\n<h4>Starting Price<\/h4>\n<ul>\n<li>2999\u20ac<\/li>\n<\/ul>\n                      <\/div>\n                    \n                                          <a href=\"#free-audit\"\n                        class=\"solutions-accordion__button-mobile btn-primary\"\n                        >\n                        Get Started Now                        <span class=\"btn-shine\"><\/span>\n                      <\/a>\n                                      <\/div>\n                <\/div>\n                                        \n                              <div class=\"solutions-accordion__item\">\n                  <!-- Solution Header -->\n                  <button class=\"solutions-accordion__header\" type=\"button\"\n                    data-solution-toggle=\"solution-2\"\n                    aria-expanded=\"false\"\n                    aria-controls=\"solution-2\">\n\n                    <div class=\"solutions-accordion__header-content\">\n                      <!-- Icon -->\n                      <div class=\"solutions-accordion__icon\">\n                                                  <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<g clip-path=\"url(#clip0_3572_27824)\">\n<path d=\"M10.9505 19.7295L13.2705 22.0495L14.1195 21.5395L14.3595 22.5H17.6405L17.88 21.5395L18.729 22.0495L21.049 19.7295L20.539 18.8805L21.5 18.6405V15.3595L20.5395 15.12L21.0495 14.271L18.7295 11.951L17.8805 12.461L17.6405 11.5H14.3595L14.12 12.4605L13.271 11.9505L10.951 14.2705L11.461 15.1195L10.5 15.3595V18.6405L11.4605 18.88L10.9505 19.7295ZM11.5 16.1405L12.249 15.953L12.517 15.85L12.7385 15.306L12.21 14.4255L13.4255 13.21L14.306 13.7385L14.891 13.4985L15.1405 12.5H16.8595L17.047 13.249L17.15 13.517L17.694 13.7385L18.5745 13.21L19.79 14.4255L19.2615 15.306L19.5015 15.891L20.5 16.1405V17.8595L19.751 18.047L19.483 18.15L19.2615 18.694L19.79 19.5745L18.5745 20.79L17.694 20.2615L17.109 20.5015L16.8595 21.5H15.1405L14.953 20.751L14.85 20.483L14.306 20.2615L13.4255 20.79L12.21 19.5745L12.7385 18.694L12.4985 18.109L11.5 17.8595V16.1405Z\" fill=\"#663BB7\"\/>\n<path d=\"M16 19.5C17.3785 19.5 18.5 18.3785 18.5 17C18.5 15.6215 17.3785 14.5 16 14.5C14.6215 14.5 13.5 15.6215 13.5 17C13.5 18.3785 14.6215 19.5 16 19.5ZM16 15.5C16.827 15.5 17.5 16.173 17.5 17C17.5 17.827 16.827 18.5 16 18.5C15.173 18.5 14.5 17.827 14.5 17C14.5 16.173 15.173 15.5 16 15.5Z\" fill=\"#663BB7\"\/>\n<path d=\"M8.5 16.5H9.5V17.5H8.5V16.5Z\" fill=\"#663BB7\"\/>\n<path d=\"M6.5 16.5H7.5V17.5H6.5V16.5Z\" fill=\"#663BB7\"\/>\n<path d=\"M6.5 14.5H7.5V15.5H6.5V14.5Z\" fill=\"#663BB7\"\/>\n<path d=\"M6.5 12.5H7.5V13.5H6.5V12.5Z\" fill=\"#663BB7\"\/>\n<path d=\"M31.5 6C31.5 2.9675 29.0325 0.5 26 0.5C22.9675 0.5 20.5 2.9675 20.5 6C20.5 6.5205 20.5775 7.0225 20.713 7.5H11.287C11.4225 7.0225 11.5 6.5205 11.5 6C11.5 2.9675 9.0325 0.5 6 0.5C2.9675 0.5 0.5 2.9675 0.5 6C0.5 7.542 1.14 8.936 2.166 9.9355C2.056 10.279 2 10.636 2 11V23C2 24.9295 3.5705 26.5 5.5 26.5H11.191L10.191 28.5H9.5C8.1215 28.5 7 29.6215 7 31V31.5H25V31C25 29.6215 23.8785 28.5 22.5 28.5H21.809L20.809 26.5H26.5C28.4295 26.5 30 24.9295 30 23V11C30 10.636 29.9445 10.279 29.834 9.9355C30.86 8.936 31.5 7.542 31.5 6ZM5 4.5C5 3.9485 5.4485 3.5 6 3.5C6.5515 3.5 7 3.9485 7 4.5C7 5.0515 6.5515 5.5 6 5.5C5.4485 5.5 5 5.0515 5 4.5ZM6 6.5C7.103 6.5 8 7.397 8 8.5V10.025C7.3965 10.3265 6.719 10.5 6 10.5C5.281 10.5 4.6035 10.3265 4 10.025V8.5C4 7.397 4.897 6.5 6 6.5ZM5 11.4045C5.325 11.4645 5.658 11.5 6 11.5C7.173 11.5 8.2585 11.128 9.1525 10.5H22.848C23.7415 11.128 24.8275 11.5 26.0005 11.5C26.3425 11.5 26.6755 11.4645 27.0005 11.4045V23C27.0005 23.276 26.7765 23.5 26.5005 23.5H5.5C5.224 23.5 5 23.276 5 23V11.4045ZM26 10.5C25.281 10.5 24.6035 10.3265 24 10.025V8.5C24 7.397 24.897 6.5 26 6.5C27.103 6.5 28 7.397 28 8.5V10.025C27.3965 10.3265 26.719 10.5 26 10.5ZM25 4.5C25 3.9485 25.4485 3.5 26 3.5C26.5515 3.5 27 3.9485 27 4.5C27 5.0515 26.5515 5.5 26 5.5C25.4485 5.5 25 5.0515 25 4.5ZM26 1.5C28.4815 1.5 30.5 3.5185 30.5 6C30.5 7.3285 29.918 8.5205 29 9.3445V8.5C29 7.37 28.372 6.385 27.4465 5.8735C27.7875 5.5145 28 5.033 28 4.5C28 3.397 27.103 2.5 26 2.5C24.897 2.5 24 3.397 24 4.5C24 5.033 24.2125 5.5145 24.5535 5.8735C23.628 6.385 23 7.37 23 8.5V9.3445C22.082 8.52 21.5 7.328 21.5 6C21.5 3.5185 23.5185 1.5 26 1.5ZM21.107 8.5C21.29 8.857 21.507 9.1935 21.7605 9.5H10.2395C10.493 9.1935 10.71 8.857 10.893 8.5H21.107ZM1.5 6C1.5 3.5185 3.5185 1.5 6 1.5C8.4815 1.5 10.5 3.5185 10.5 6C10.5 7.3285 9.918 8.5205 9 9.3445V8.5C9 7.37 8.372 6.385 7.4465 5.8735C7.7875 5.5145 8 5.033 8 4.5C8 3.397 7.103 2.5 6 2.5C4.897 2.5 4 3.397 4 4.5C4 5.033 4.2125 5.5145 4.5535 5.8735C3.628 6.385 3 7.37 3 8.5V9.3445C2.082 8.5205 1.5 7.3285 1.5 6ZM23.9145 30.5H8.0855C8.292 29.918 8.848 29.5 9.5 29.5H22.5C23.152 29.5 23.708 29.918 23.9145 30.5ZM20.691 28.5H11.309L12.309 26.5H19.691L20.691 28.5ZM29 11V23C29 24.3785 27.8785 25.5 26.5 25.5H5.5C4.1215 25.5 3 24.3785 3 23V11C3 10.8735 3.02 10.7505 3.0385 10.627C3.3405 10.821 3.662 10.9855 4 11.118V23C4 23.827 4.673 24.5 5.5 24.5H26.5C27.327 24.5 28 23.827 28 23V11.118C28.338 10.9855 28.6595 10.821 28.9615 10.627C28.98 10.7505 29 10.8735 29 11Z\" fill=\"#663BB7\"\/>\n<path d=\"M24.5 16.5H25.5V17.5H24.5V16.5Z\" fill=\"#663BB7\"\/>\n<path d=\"M24.5 14.5H25.5V15.5H24.5V14.5Z\" fill=\"#663BB7\"\/>\n<path d=\"M24.5 12.5H25.5V13.5H24.5V12.5Z\" fill=\"#663BB7\"\/>\n<path d=\"M22.5 16.5H23.5V17.5H22.5V16.5Z\" fill=\"#663BB7\"\/>\n<path d=\"M18.5 4H19.5V5H18.5V4Z\" fill=\"#663BB7\"\/>\n<path d=\"M16.5 4H17.5V5H16.5V4Z\" fill=\"#663BB7\"\/>\n<path d=\"M14.5 4H15.5V5H14.5V4Z\" fill=\"#663BB7\"\/>\n<path d=\"M12.5 4H13.5V5H12.5V4Z\" fill=\"#663BB7\"\/>\n<\/g>\n<defs>\n<clipPath id=\"clip0_3572_27824\">\n<rect width=\"32\" height=\"32\" fill=\"white\"\/>\n<\/clipPath>\n<\/defs>\n<\/svg>\n                                              <\/div>\n\n                      <!-- Title -->\n                      <h3 class=\"solutions-accordion__item-title\">\n                        Enterprise Workflow Design                      <\/h3>\n                    <\/div>\n\n                    <!-- Arrow Icon -->\n                    <span class=\"solutions-accordion__arrow\">\n                      <svg width=\"9\" height=\"4\" viewBox=\"0 0 9 4\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"solutions-accordion__arrow-svg\">\n                        <path d=\"M4.54429 3.87947C4.62764 3.95665 4.74061 4 4.8584 4C4.97619 4 5.08916 3.95665 5.1725 3.87947L8.72841 0.58247C8.81164 0.505196 8.8584 0.400448 8.8584 0.291234C8.8584 0.182021 8.81164 0.0772731 8.72841 -4.65473e-07L0.988391 2.11181e-07C0.905152 0.0772738 0.858399 0.182022 0.858399 0.291235C0.858399 0.400449 0.905152 0.505197 0.988391 0.58247L4.54429 3.87947Z\"\n                          fill=\"currentColor\" \/>\n                      <\/svg>\n                    <\/span>\n                  <\/button>\n\n                  <!-- Solution Content -->\n                  <div class=\"solutions-accordion__content\" id=\"solution-2\"\n                    aria-labelledby=\"solution-2-header\">\n                                          <div class=\"solutions-accordion__content-text\">\n                        <p>End-to-end automation design for complex business processes, ensuring scale, reliability, and compliance.<\/p>\n<h4>Typical Engagement<\/h4>\n<ul>\n<li>\u00a04\u20138 week project<\/li>\n<\/ul>\n<h4>Starting Price<\/h4>\n<ul>\n<li>4999\u20ac<\/li>\n<\/ul>\n                      <\/div>\n                    \n                                          <a href=\"#free-audit\"\n                        class=\"solutions-accordion__button-mobile btn-primary\"\n                        >\n                        Get Started Now                        <span class=\"btn-shine\"><\/span>\n                      <\/a>\n                                      <\/div>\n                <\/div>\n                                        \n                              <div class=\"solutions-accordion__item\">\n                  <!-- Solution Header -->\n                  <button class=\"solutions-accordion__header\" type=\"button\"\n                    data-solution-toggle=\"solution-3\"\n                    aria-expanded=\"false\"\n                    aria-controls=\"solution-3\">\n\n                    <div class=\"solutions-accordion__header-content\">\n                      <!-- Icon -->\n                      <div class=\"solutions-accordion__icon\">\n                                                  <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M12.2489 30.4C11.9847 30.4 11.7705 30.1858 11.7705 29.9216V22.4277C11.7705 22.1635 11.9847 21.9493 12.2489 21.9493C12.5132 21.9493 12.7274 22.1635 12.7274 22.4277V29.9216C12.7274 30.1858 12.5132 30.4 12.2489 30.4Z\" fill=\"#663BB7\"\/>\n<path d=\"M12.249 8.35178C10.3874 8.35178 8.87305 6.83722 8.87305 4.97585C8.87305 3.11447 10.3874 1.59998 12.249 1.59998C14.1106 1.59998 15.6249 3.11447 15.6249 4.97591C15.6249 6.83729 14.1106 8.35178 12.249 8.35178ZM12.249 2.55684C10.9152 2.55684 9.82997 3.6419 9.82997 4.97591C9.82997 6.30993 10.9152 7.39498 12.249 7.39498C13.5828 7.39498 14.6681 6.30993 14.6681 4.97591C14.6681 3.6419 13.5828 2.55684 12.249 2.55684Z\" fill=\"#663BB7\"\/>\n<path d=\"M12.2496 30.3999H8.58979C8.32554 30.3999 8.11133 30.1858 8.11133 29.9215V16.8065C8.11133 16.5423 8.32554 16.3281 8.58979 16.3281C8.85405 16.3281 9.06819 16.5423 9.06819 16.8065V29.4431H11.7711V20.2565C11.7711 19.9923 11.9852 19.7781 12.2495 19.7781C12.5138 19.7781 12.728 19.9923 12.728 20.2565V29.9216C12.728 30.1858 12.5138 30.3999 12.2496 30.3999Z\" fill=\"#663BB7\"\/>\n<path d=\"M12.313 17.6386C12.2611 17.6386 12.2088 17.6364 12.156 17.6312L8.00448 17.2309C6.54772 17.0907 5.44922 15.8812 5.44922 14.4174V12.611C5.44922 10.4577 7.20109 8.70581 9.35444 8.70581H15.1436C17.2969 8.70581 19.0488 10.4577 19.0488 12.611V14.4174C19.0488 15.8811 17.9503 17.0906 16.4933 17.2309L12.8675 17.5803C12.8284 17.5837 12.7907 17.583 12.7544 17.5781C12.613 17.6177 12.4646 17.6386 12.313 17.6386ZM9.35444 9.66267C7.72871 9.66267 6.40608 10.9855 6.40608 12.611V14.4175C6.40608 15.3856 7.13267 16.1858 8.09632 16.2785L12.2478 16.6788C12.6242 16.715 12.9666 16.4385 13.0111 16.0632C13.0554 15.6853 12.7956 15.3448 12.4196 15.288L8.51789 14.6986C8.26132 14.6597 8.08244 14.4238 8.11463 14.1663L8.42055 11.7072C8.45331 11.4448 8.69152 11.2564 8.95431 11.2915C9.21652 11.324 9.40263 11.5633 9.36999 11.8253L9.1216 13.822L12.5626 14.3415C13.4522 14.4765 14.0664 15.2816 13.9612 16.1749C13.9472 16.2949 13.9201 16.4108 13.8816 16.5214L16.4016 16.2784C17.3654 16.1857 18.092 15.3855 18.092 14.4174V12.611C18.092 10.9854 16.7694 9.66261 15.1436 9.66261H9.35444V9.66267Z\" fill=\"#663BB7\"\/>\n<path d=\"M12.2484 15.2569C12.0158 15.2569 11.8117 15.0868 11.776 14.8498C11.7364 14.5886 11.9161 14.3449 12.1774 14.3053L15.3765 13.822L15.1279 11.8253C15.0952 11.5632 15.2813 11.324 15.5435 11.2915C15.8068 11.2567 16.0448 11.4448 16.0773 11.7072L16.3835 14.1662C16.4156 14.4234 16.2367 14.6596 15.9803 14.6985L12.3205 15.2517C12.2963 15.255 12.2722 15.2569 12.2484 15.2569Z\" fill=\"#663BB7\"\/>\n<path d=\"M15.9087 30.3999H12.2489C11.9847 30.3999 11.7705 30.1858 11.7705 29.9215V20.2564C11.7705 19.9922 11.9847 19.778 12.2489 19.778C12.5132 19.778 12.7274 19.9922 12.7274 20.2564V29.443H15.4303V16.8065C15.4303 16.5423 15.6444 16.3281 15.9087 16.3281C16.1729 16.3281 16.3871 16.5423 16.3871 16.8065V29.9215C16.3871 30.1858 16.173 30.3999 15.9087 30.3999Z\" fill=\"#663BB7\"\/>\n<path d=\"M24.0079 30.4H6.69324C6.42899 30.4 6.21484 30.1858 6.21484 29.9216C6.21484 29.6573 6.42899 29.4431 6.69324 29.4431H24.0079C24.2722 29.4431 24.4864 29.6573 24.4864 29.9216C24.4864 30.1858 24.2722 30.4 24.0079 30.4Z\" fill=\"#663BB7\"\/>\n<path d=\"M18.0692 30.4C17.805 30.4 17.5908 30.1859 17.5908 29.9216C17.5908 29.6573 17.805 29.4432 18.0692 29.4432C21.9804 29.4432 25.1623 26.2612 25.1623 22.3501C25.1623 19.3782 23.2869 16.699 20.4958 15.6827C20.2476 15.5922 20.1196 15.3175 20.2098 15.0693C20.3007 14.8211 20.5758 14.6948 20.8232 14.7834C23.9909 15.9369 26.1192 18.9775 26.1192 22.3501C26.1192 26.789 22.508 30.4 18.0692 30.4Z\" fill=\"#663BB7\"\/>\n<path d=\"M18.0691 23.7019C17.3235 23.7019 16.7168 23.0953 16.7168 22.35C16.7168 21.6043 17.3234 20.9977 18.0691 20.9977C18.8148 20.9977 19.4214 21.6043 19.4214 22.35C19.4214 23.0953 18.8148 23.7019 18.0691 23.7019ZM18.0691 21.9545C17.8511 21.9545 17.6737 22.1321 17.6737 22.35C17.6737 22.5679 17.8511 22.7451 18.0691 22.7451C18.2872 22.7451 18.4646 22.5679 18.4646 22.35C18.4646 22.1321 18.2872 21.9545 18.0691 21.9545Z\" fill=\"#663BB7\"\/>\n<path d=\"M18.0692 30.4C17.805 30.4 17.5908 30.1859 17.5908 29.9216V29.4981C17.5908 29.2338 17.805 29.0197 18.0692 29.0197C18.3335 29.0197 18.5476 29.2338 18.5476 29.4981V29.9216C18.5476 30.1859 18.3335 30.4 18.0692 30.4Z\" fill=\"#663BB7\"\/>\n<path d=\"M20.6586 29.9432C20.4631 29.9432 20.2798 29.8229 20.209 29.6285L20.0641 29.2305C19.9738 28.9819 20.1018 28.7076 20.3502 28.6171C20.5988 28.5285 20.873 28.6549 20.9634 28.9031L21.1082 29.3012C21.1985 29.5497 21.0705 29.824 20.8222 29.9145C20.7682 29.9339 20.713 29.9432 20.6586 29.9432Z\" fill=\"#663BB7\"\/>\n<path d=\"M22.9363 28.6282C22.7999 28.6282 22.6644 28.5703 22.5697 28.4574L22.2975 28.1333C22.1276 27.9311 22.1541 27.6291 22.3564 27.4594C22.5592 27.289 22.8605 27.3155 23.0305 27.5181L23.3027 27.8421C23.4725 28.0444 23.4462 28.3464 23.2438 28.516C23.1541 28.5916 23.0449 28.6282 22.9363 28.6282Z\" fill=\"#663BB7\"\/>\n<path d=\"M24.626 26.6139C24.545 26.6139 24.4627 26.5934 24.3874 26.55L24.0207 26.3384C23.7917 26.2061 23.7133 25.9138 23.8454 25.6847C23.9774 25.4563 24.2697 25.3775 24.4988 25.5094L24.8655 25.721C25.0944 25.8532 25.1729 26.1456 25.0408 26.3747C24.9522 26.528 24.7915 26.6139 24.626 26.6139Z\" fill=\"#663BB7\"\/>\n<path d=\"M25.5269 24.143C25.4995 24.143 25.4717 24.1407 25.4436 24.1359L25.0265 24.0627C24.7664 24.0166 24.5924 23.7688 24.6382 23.5087C24.684 23.2482 24.9321 23.0762 25.1922 23.1199L25.6093 23.1932C25.8694 23.2392 26.0434 23.487 25.9977 23.7471C25.9568 23.9797 25.755 24.143 25.5269 24.143Z\" fill=\"#663BB7\"\/>\n<path d=\"M25.1078 21.5871C24.88 21.5871 24.6781 21.4238 24.6373 21.192C24.5913 20.9315 24.7651 20.6833 25.0253 20.6373L25.4424 20.5637C25.7023 20.5185 25.9509 20.6919 25.9967 20.9517C26.0426 21.2122 25.8689 21.4604 25.6086 21.5064L25.1916 21.58C25.1635 21.5849 25.1355 21.5871 25.1078 21.5871Z\" fill=\"#663BB7\"\/>\n<path d=\"M24.2601 19.2544C24.095 19.2544 23.9342 19.1688 23.8456 19.0155C23.7133 18.7864 23.7916 18.4941 24.0203 18.3618L24.3871 18.1499C24.6156 18.0172 24.9085 18.0957 25.0406 18.3244C25.1728 18.5535 25.0946 18.8458 24.8658 18.9782L24.4992 19.1901C24.4238 19.2338 24.3414 19.2544 24.2601 19.2544Z\" fill=\"#663BB7\"\/>\n<path d=\"M22.6638 17.3526C22.5552 17.3526 22.4463 17.316 22.3566 17.2409C22.1541 17.0708 22.1276 16.7692 22.2975 16.5667L22.5696 16.2422C22.7397 16.0404 23.0415 16.0138 23.2435 16.1832C23.4459 16.3532 23.4725 16.6548 23.3026 16.8574L23.0305 17.1818C22.9359 17.2944 22.8001 17.3526 22.6638 17.3526Z\" fill=\"#663BB7\"\/>\n<path d=\"M20.5137 16.1114C20.4593 16.1114 20.4042 16.102 20.3502 16.0826C20.1018 15.9921 19.9738 15.7178 20.0641 15.4693L20.209 15.0712C20.2994 14.8226 20.5737 14.6955 20.8222 14.7852C21.0705 14.8757 21.1985 15.15 21.1082 15.3986L20.9634 15.7966C20.8926 15.9911 20.7092 16.1114 20.5137 16.1114Z\" fill=\"#663BB7\"\/>\n<path d=\"M18.2789 21.9811C18.2529 21.9811 18.2265 21.9793 18.2 21.9748C17.9393 21.9315 17.7631 21.6851 17.8063 21.4246L18.6006 16.634C18.6438 16.3731 18.8888 16.1959 19.151 16.24C19.4117 16.2833 19.5879 16.5297 19.5447 16.7902L18.7504 21.5808C18.7116 21.8152 18.5088 21.9811 18.2789 21.9811Z\" fill=\"#663BB7\"\/>\n<path d=\"M20.5866 22.8284H18.9432C18.679 22.8284 18.4648 22.6143 18.4648 22.35C18.4648 22.0858 18.679 21.8716 18.9432 21.8716H20.5866C20.8508 21.8716 21.065 22.0858 21.065 22.35C21.065 22.6143 20.8508 22.8284 20.5866 22.8284Z\" fill=\"#663BB7\"\/>\n<path d=\"M22.7998 9.0313C22.5355 9.0313 22.3213 8.81709 22.3213 8.55284V8.20564C22.3213 7.94138 22.5355 7.72717 22.7998 7.72717C23.064 7.72717 23.2782 7.94138 23.2782 8.20564V8.55284C23.2782 8.81709 23.064 9.0313 22.7998 9.0313Z\" fill=\"#663BB7\"\/>\n<path d=\"M22.7998 14.0219C20.7315 14.0219 19.0488 12.3392 19.0488 10.2707C19.0488 8.20265 20.7315 6.5199 22.7998 6.5199C24.8681 6.5199 26.5508 8.20259 26.5508 10.2707C26.5508 12.3392 24.8681 14.0219 22.7998 14.0219ZM22.7998 7.47683C21.2591 7.47683 20.0056 8.73007 20.0056 10.2708C20.0056 11.8115 21.2591 13.0651 22.7998 13.0651C24.3405 13.0651 25.5939 11.8114 25.5939 10.2708C25.5939 8.73007 24.3405 7.47683 22.7998 7.47683Z\" fill=\"#663BB7\"\/>\n<path d=\"M22.8007 12.467C22.0291 12.467 21.4014 11.8672 21.4014 11.1297C21.4014 10.8654 21.6156 10.6512 21.8798 10.6512C22.1441 10.6512 22.3582 10.8654 22.3582 11.1297C22.3582 11.3394 22.5567 11.5102 22.8006 11.5102C23.0445 11.5102 23.2428 11.3394 23.2428 11.1297C23.2428 10.92 23.0444 10.7492 22.8006 10.7492C22.0291 10.7492 21.4014 10.1493 21.4014 9.41187C21.4014 8.6744 22.0291 8.07446 22.8006 8.07446C23.5721 8.07446 24.1996 8.6744 24.1996 9.41187C24.1996 9.67613 23.9855 9.89027 23.7212 9.89027C23.457 9.89027 23.2428 9.67613 23.2428 9.41187C23.2428 9.20214 23.0445 9.03133 22.8007 9.03133C22.5568 9.03133 22.3583 9.20214 22.3583 9.41187C22.3583 9.62154 22.5568 9.79235 22.8007 9.79235C23.5721 9.79235 24.1997 10.3923 24.1997 11.1298C24.1996 11.8672 23.5721 12.467 22.8007 12.467Z\" fill=\"#663BB7\"\/>\n<path d=\"M22.7998 12.861C22.5355 12.861 22.3213 12.6469 22.3213 12.3826V11.9887C22.3213 11.7244 22.5355 11.5103 22.7998 11.5103C23.064 11.5103 23.2782 11.7244 23.2782 11.9887V12.3826C23.2782 12.6468 23.064 12.861 22.7998 12.861Z\" fill=\"#663BB7\"\/>\n<\/svg>\n                                              <\/div>\n\n                      <!-- Title -->\n                      <h3 class=\"solutions-accordion__item-title\">\n                        n8n Infrastructure Setup                      <\/h3>\n                    <\/div>\n\n                    <!-- Arrow Icon -->\n                    <span class=\"solutions-accordion__arrow\">\n                      <svg width=\"9\" height=\"4\" viewBox=\"0 0 9 4\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"solutions-accordion__arrow-svg\">\n                        <path d=\"M4.54429 3.87947C4.62764 3.95665 4.74061 4 4.8584 4C4.97619 4 5.08916 3.95665 5.1725 3.87947L8.72841 0.58247C8.81164 0.505196 8.8584 0.400448 8.8584 0.291234C8.8584 0.182021 8.81164 0.0772731 8.72841 -4.65473e-07L0.988391 2.11181e-07C0.905152 0.0772738 0.858399 0.182022 0.858399 0.291235C0.858399 0.400449 0.905152 0.505197 0.988391 0.58247L4.54429 3.87947Z\"\n                          fill=\"currentColor\" \/>\n                      <\/svg>\n                    <\/span>\n                  <\/button>\n\n                  <!-- Solution Content -->\n                  <div class=\"solutions-accordion__content\" id=\"solution-3\"\n                    aria-labelledby=\"solution-3-header\">\n                                          <div class=\"solutions-accordion__content-text\">\n                        <p>Comprehensive review of processes with actionable automation roadmap<\/p>\n<h4>Typical Engagement<\/h4>\n<ul>\n<li>1 week (up to 2 weeks for complex setups)<\/li>\n<\/ul>\n<h4>Starting Price<\/h4>\n<ul>\n<li>1999\u20ac<\/li>\n<\/ul>\n                      <\/div>\n                    \n                                          <a href=\"#free-audit\"\n                        class=\"solutions-accordion__button-mobile btn-primary\"\n                        >\n                        Get Started Now                        <span class=\"btn-shine\"><\/span>\n                      <\/a>\n                                      <\/div>\n                <\/div>\n                                    <\/div>\n              <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Get all solution toggle buttons\n    const solutionButtons = document.querySelectorAll('[data-solution-toggle]');\n\n    \/\/ Open the first item by default\n    if (solutionButtons.length > 0) {\n      const firstButton = solutionButtons[0];\n      const firstTargetId = firstButton.getAttribute('data-solution-toggle');\n      const firstTargetContent = document.getElementById(firstTargetId);\n      const firstArrow = firstButton.querySelector('.solutions-accordion__arrow');\n      \n      firstButton.setAttribute('aria-expanded', 'true');\n      firstTargetContent.style.maxHeight = firstTargetContent.scrollHeight + 'px';\n      firstArrow.style.transform = 'rotate(180deg)';\n      firstButton.parentElement.classList.add('solutions-accordion__item--expanded');\n    }\n\n    solutionButtons.forEach(button => {\n      button.addEventListener('click', function() {\n        const targetId = this.getAttribute('data-solution-toggle');\n        const targetContent = document.getElementById(targetId);\n        const arrow = this.querySelector('.solutions-accordion__arrow');\n        const isExpanded = this.getAttribute('aria-expanded') === 'true';\n\n        \/\/ Close all other solutions\n        solutionButtons.forEach(otherButton => {\n          if (otherButton !== this) {\n            const otherId = otherButton.getAttribute('data-solution-toggle');\n            const otherContent = document.getElementById(otherId);\n            const otherArrow = otherButton.querySelector('.solutions-accordion__arrow');\n\n            otherButton.setAttribute('aria-expanded', 'false');\n            otherContent.style.maxHeight = '0px';\n            otherArrow.style.transform = 'rotate(0deg)';\n            otherButton.parentElement.classList.remove('solutions-accordion__item--expanded');\n          }\n        });\n\n        \/\/ Toggle current solution\n        if (isExpanded) {\n          \/\/ Close current solution\n          this.setAttribute('aria-expanded', 'false');\n          targetContent.style.maxHeight = '0px';\n          arrow.style.transform = 'rotate(0deg)';\n          this.parentElement.classList.remove('solutions-accordion__item--expanded');\n        } else {\n          \/\/ Open current solution\n          this.setAttribute('aria-expanded', 'true');\n          targetContent.style.maxHeight = targetContent.scrollHeight + 'px';\n          arrow.style.transform = 'rotate(180deg)';\n          this.parentElement.classList.add('solutions-accordion__item--expanded');\n        }\n      });\n    });\n\n    \/\/ Handle keyboard navigation\n    solutionButtons.forEach(button => {\n      button.addEventListener('keydown', function(e) {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          this.click();\n        }\n      });\n    });\n  });\n<\/script>\n\n\n<section class=\"full-width-cta\" aria-labelledby=\"full-width-cta-heading\" >\n\n  <div class=\"full-width-cta__container\">\n    <!-- Background SVG for mobile and desktop -->\n    <div class=\"full-width-cta__background\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__bg-svg full-width-cta__bg-svg--left\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__bg-svg full-width-cta__bg-svg--right\" aria-hidden=\"true\">\n      <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#FFFFFF\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" \nfill=\"#FFFFFF\"\/>\n<\/svg>\n    <\/div>\n\n    <div class=\"full-width-cta__content-wrapper\">\n              <header class=\"full-width-cta__header\">\n          <h2 id=\"full-width-cta-heading\" class=\"full-width-cta__title\">\n            Discover Your <br> Automation Potential          <\/h2>\n        <\/header>\n      \n              <div class=\"full-width-cta__content\">\n          <div class=\"full-width-cta__description\">\n            <p>Real results from real businesses. See how our automation solutions have transformed  operations and delivered measurable impact across different industries.<\/p>\n          <\/div>\n        <\/div>\n      \n              <footer class=\"full-width-cta__footer\">\n          <div class=\"full-width-cta__links\">\n                          <a href=\"https:\/\/haipestudio.buzzvel.work\/free-audit\/\"\n                class=\"full-width-cta__button btn-secondary\"\n                                >\n                Free Audit                <span class=\"btn-shine\"><\/span>\n              <\/a>\n            \n                      <\/div>\n        <\/footer>\n          <\/div>\n\n  <\/div>\n\n<\/section>\n\n  <section class=\"main-cta main-cta--h2 \" aria-labelledby=\"main-cta-heading\" >\n          <header class=\"main-cta__header\">\n                          <h2            id=\"main-cta-heading\"\n            class=\"main-cta__title main-cta__title--h2\"\n            >\n            Our Proven Process          <\/h2>\n              <\/header>\n    \n    <div class=\"main-cta__content\">\n              <div class=\"main-cta__description main-cta__description--h2\"><p>From discovery to deployment, we follow a battle-tested methodology that ensures your automation project succeeds.<\/p>\n<\/div>\n      \n          <\/div>\n  <\/section>\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      document.querySelectorAll('a[data-ph-event]').forEach(function(el) {\n        el.addEventListener('click', function() {\n          if (typeof posthog !== 'undefined') {\n            posthog.capture(el.dataset.phEvent, {\n              title: el.dataset.phTitle,\n              url: el.href,\n              section: 'main-cta'\n            });\n            console.log('PostHog event captured:', el.dataset.phEvent, el.dataset.phTitle);\n          }\n        });\n      });\n    });\n  <\/script>\n\n\n\n  <section id=\"\" class=\"journey-block\" aria-label=\"Jornada e etapas do processo\">\n    <div class=\"journey-block__container\">\n      <div class=\"journey-block__grid \">\n                              <article class=\"journey-block__step\" aria-labelledby=\"journey-step-title-0\">\n              <!-- Green Line Background (Mobile\/Desktop) -->\n              <div class=\"journey-block__step-line\">\n                <img decoding=\"async\" src=\"https:\/\/haipestudio.buzzvel.work\/wp-content\/themes\/haipe_studio\/blocks\/journey\/img\/line-green-left-up.svg\" alt=\"\" class=\"journey-block__step-line-image\" loading=\"lazy\" title=\"\">\n              <\/div>\n\n              <!-- Step Number\/Icon -->\n              <div class=\"journey-block__step-number\">\n                                  <span class=\"journey-block__step-number-text\" aria-label=\"Etapa 1\">\n                    01                  <\/span>\n                              <\/div>\n\n              <!-- Title -->\n                              <header class=\"journey-block__step-header\">\n                  <h3 id=\"journey-step-title-0\" class=\"journey-block__step-title\">\n                    Discovery  &amp; Audit                  <\/h3>\n                <\/header>\n              \n              <!-- Description -->\n                              <div class=\"journey-block__step-content\">\n                  <div class=\"journey-block__step-description\">\n                    <p>We analyze your current processes and identify automation opportunities<\/p>\n                  <\/div>\n                <\/div>\n              \n\n              <!-- Time -->\n                              <div class=\"journey-block__step-time\">\n                  <time class=\"journey-block__step-time-text\" datetime=\"1-2 days\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                      <path d=\"M7.99998 14.6656C11.6819 14.6656 14.6666 11.6808 14.6666 7.99894C14.6666 4.31704 11.6819 1.33228 7.99998 1.33228C4.31808 1.33228 1.33331 4.31704 1.33331 7.99894C1.33331 11.6808 4.31808 14.6656 7.99998 14.6656Z\"\n                        stroke=\"#663BB7\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                      <path d=\"M8 3.99902V7.99902L10.6667 9.33236\" stroke=\"#663BB7\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n\n                    <span>1-2 days<\/span>\n                  <\/time>\n                <\/div>\n                          <\/article>\n                                        <article class=\"journey-block__step\" aria-labelledby=\"journey-step-title-1\">\n              <!-- Green Line Background (Mobile\/Desktop) -->\n              <div class=\"journey-block__step-line\">\n                <img decoding=\"async\" src=\"https:\/\/haipestudio.buzzvel.work\/wp-content\/themes\/haipe_studio\/blocks\/journey\/img\/line-green-left-down.svg\" alt=\"\" class=\"journey-block__step-line-image\" loading=\"lazy\" title=\"\">\n              <\/div>\n\n              <!-- Step Number\/Icon -->\n              <div class=\"journey-block__step-number\">\n                                  <span class=\"journey-block__step-number-text\" aria-label=\"Etapa 2\">\n                    02                  <\/span>\n                              <\/div>\n\n              <!-- Title -->\n                              <header class=\"journey-block__step-header\">\n                  <h3 id=\"journey-step-title-1\" class=\"journey-block__step-title\">\n                    Strategy  &amp; Design                  <\/h3>\n                <\/header>\n              \n              <!-- Description -->\n                              <div class=\"journey-block__step-content\">\n                  <div class=\"journey-block__step-description\">\n                    <p>Custom automation strategy designed specifically for your business goals<\/p>\n                  <\/div>\n                <\/div>\n              \n\n              <!-- Time -->\n                              <div class=\"journey-block__step-time\">\n                  <time class=\"journey-block__step-time-text\" datetime=\"10-20 days\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                      <path d=\"M7.99998 14.6656C11.6819 14.6656 14.6666 11.6808 14.6666 7.99894C14.6666 4.31704 11.6819 1.33228 7.99998 1.33228C4.31808 1.33228 1.33331 4.31704 1.33331 7.99894C1.33331 11.6808 4.31808 14.6656 7.99998 14.6656Z\"\n                        stroke=\"#663BB7\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                      <path d=\"M8 3.99902V7.99902L10.6667 9.33236\" stroke=\"#663BB7\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n\n                    <span>10-20 days<\/span>\n                  <\/time>\n                <\/div>\n                          <\/article>\n                                        <article class=\"journey-block__step\" aria-labelledby=\"journey-step-title-2\">\n              <!-- Green Line Background (Mobile\/Desktop) -->\n              <div class=\"journey-block__step-line\">\n                <img decoding=\"async\" src=\"https:\/\/haipestudio.buzzvel.work\/wp-content\/themes\/haipe_studio\/blocks\/journey\/img\/line-green-left-up.svg\" alt=\"\" class=\"journey-block__step-line-image\" loading=\"lazy\" title=\"\">\n              <\/div>\n\n              <!-- Step Number\/Icon -->\n              <div class=\"journey-block__step-number\">\n                                  <span class=\"journey-block__step-number-text\" aria-label=\"Etapa 3\">\n                    03                  <\/span>\n                              <\/div>\n\n              <!-- Title -->\n                              <header class=\"journey-block__step-header\">\n                  <h3 id=\"journey-step-title-2\" class=\"journey-block__step-title\">\n                    Development  &amp; Testing                  <\/h3>\n                <\/header>\n              \n              <!-- Description -->\n                              <div class=\"journey-block__step-content\">\n                  <div class=\"journey-block__step-description\">\n                    <p>Build and rigorously test all automation workflows before deployment<\/p>\n                  <\/div>\n                <\/div>\n              \n\n              <!-- Time -->\n                              <div class=\"journey-block__step-time\">\n                  <time class=\"journey-block__step-time-text\" datetime=\"2-4 weeks\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                      <path d=\"M7.99998 14.6656C11.6819 14.6656 14.6666 11.6808 14.6666 7.99894C14.6666 4.31704 11.6819 1.33228 7.99998 1.33228C4.31808 1.33228 1.33331 4.31704 1.33331 7.99894C1.33331 11.6808 4.31808 14.6656 7.99998 14.6656Z\"\n                        stroke=\"#663BB7\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                      <path d=\"M8 3.99902V7.99902L10.6667 9.33236\" stroke=\"#663BB7\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n\n                    <span>2-4 weeks<\/span>\n                  <\/time>\n                <\/div>\n                          <\/article>\n                                        <article class=\"journey-block__step\" aria-labelledby=\"journey-step-title-3\">\n              <!-- Green Line Background (Mobile\/Desktop) -->\n              <div class=\"journey-block__step-line\">\n                <img decoding=\"async\" src=\"https:\/\/haipestudio.buzzvel.work\/wp-content\/themes\/haipe_studio\/blocks\/journey\/img\/line-green-left-down.svg\" alt=\"\" class=\"journey-block__step-line-image\" loading=\"lazy\" title=\"\">\n              <\/div>\n\n              <!-- Step Number\/Icon -->\n              <div class=\"journey-block__step-number\">\n                                  <span class=\"journey-block__step-number-text\" aria-label=\"Etapa 4\">\n                    04                  <\/span>\n                              <\/div>\n\n              <!-- Title -->\n                              <header class=\"journey-block__step-header\">\n                  <h3 id=\"journey-step-title-3\" class=\"journey-block__step-title\">\n                    Implementation  &amp; Training                  <\/h3>\n                <\/header>\n              \n              <!-- Description -->\n                              <div class=\"journey-block__step-content\">\n                  <div class=\"journey-block__step-description\">\n                    <p>Deploy solutions and train your team for maximum adoption and success<\/p>\n                  <\/div>\n                <\/div>\n              \n\n              <!-- Time -->\n                              <div class=\"journey-block__step-time\">\n                  <time class=\"journey-block__step-time-text\" datetime=\"1-2 days\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                      <path d=\"M7.99998 14.6656C11.6819 14.6656 14.6666 11.6808 14.6666 7.99894C14.6666 4.31704 11.6819 1.33228 7.99998 1.33228C4.31808 1.33228 1.33331 4.31704 1.33331 7.99894C1.33331 11.6808 4.31808 14.6656 7.99998 14.6656Z\"\n                        stroke=\"#663BB7\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                      <path d=\"M8 3.99902V7.99902L10.6667 9.33236\" stroke=\"#663BB7\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n\n                    <span>1-2 days<\/span>\n                  <\/time>\n                <\/div>\n                          <\/article>\n                        <\/div>\n\n      <!-- Tablet Horizontal Lines (2 columns) - Show for 2, 3, or 4 items -->\n              <div class=\"journey-block__tablet-lines\">\n          <!-- First row line (between steps 1 and 2) -->\n          <div class=\"journey-block__tablet-line journey-block__tablet-line--first \">\n            <img decoding=\"async\" src=\"https:\/\/haipestudio.buzzvel.work\/wp-content\/themes\/haipe_studio\/blocks\/journey\/img\/line-green-full.svg\" alt=\"\" class=\"journey-block__tablet-line-image\" loading=\"lazy\" title=\"\">\n          <\/div>\n\n          <!-- Second row line (between steps 3 and 4) - Only for 4 items -->\n                      <div class=\"journey-block__tablet-line journey-block__tablet-line--second\">\n              <img decoding=\"async\" src=\"https:\/\/haipestudio.buzzvel.work\/wp-content\/themes\/haipe_studio\/blocks\/journey\/img\/line-green-full.svg\" alt=\"\" class=\"journey-block__tablet-line-image\" loading=\"lazy\" title=\"\">\n            <\/div>\n                  <\/div>\n      \n      <!-- Desktop Horizontal Line - Show for 3 or 4 items -->\n              <div class=\"journey-block__desktop-line\">\n          <picture>\n            <source srcset=\"https:\/\/haipestudio.buzzvel.work\/wp-content\/themes\/haipe_studio\/blocks\/journey\/img\/line-green-full-max.svg\" media=\"(min-width: 1536px)\">\n            <img decoding=\"async\" src=\"https:\/\/haipestudio.buzzvel.work\/wp-content\/themes\/haipe_studio\/blocks\/journey\/img\/line-green-full.svg\" alt=\"\" class=\"journey-block__desktop-line-image\" loading=\"lazy\" title=\"\">\n          <\/picture>\n        <\/div>\n          <\/div>\n  <\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Function to add line breaks before & symbol in titles\n    function addLineBreaksBeforeAmpersand() {\n        const journeyTitles = document.querySelectorAll('.journey-block__step-title');\n        \n        journeyTitles.forEach(function(title) {\n            if (title.textContent.includes('&')) {\n                \/\/ Replace & with <br>& to add line break before it\n                title.innerHTML = title.textContent.replace(\/&\/g, '<br>&');\n            }\n        });\n    }\n    \n    \/\/ Function to handle icon display\n    function handleIconDisplay() {\n        const journeyIcons = document.querySelectorAll('.journey-block__step-icon svg');\n        \n        journeyIcons.forEach(function(icon) {\n            \/\/ Ensure SVG icons are properly styled\n            icon.style.width = '2rem';\n            icon.style.height = '2rem';\n            icon.style.color = 'white';\n        });\n    }\n    \n    \/\/ Function to set desktop line background\n    function setDesktopLineBackground() {\n        const desktopLine = document.querySelector('.journey-block__desktop-line');\n        if (desktopLine) {\n            \/\/ Get the theme directory URI from a data attribute or use a fallback\n            const themeUri = window.themeUri || 'https:\/\/haipestudio.buzzvel.work\/wp-content\/themes\/haipe_studio';\n            const imagePath = `${themeUri}\/blocks\/journey\/img\/line-green-full-02.svg`;\n            \n            desktopLine.style.background = `url('${imagePath}') repeat-x`;\n            desktopLine.style.backgroundSize = 'auto 100%';\n        }\n    }\n\n    \/\/ Intersection Observer for viewport-based animations\n    function initJourneyAnimations() {\n        const journeyBlock = document.querySelector('.journey-block');\n        \n        if (!journeyBlock) return;\n        \n        \/\/ Check if device is mobile\n        const isMobile = window.innerWidth <= 768;\n        \n        const journeyObserver = new IntersectionObserver((entries) => {\n            entries.forEach((entry) => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('journey-block-entrance');\n                    \n                    \/\/ Unobserve after animation is triggered\n                    journeyObserver.unobserve(entry.target);\n                }\n            });\n        }, {\n            threshold: 0.1, \/\/ Reduced threshold for earlier trigger\n            rootMargin: isMobile ? '0px 0px -5px 0px' : '0px 0px -50px 0px' \/\/ Less negative margin on mobile\n        });\n        \n        journeyObserver.observe(journeyBlock);\n    }\n    \n    \/\/ Run the functions when DOM is loaded\n    addLineBreaksBeforeAmpersand();\n    handleIconDisplay();\n    setDesktopLineBackground();\n    initJourneyAnimations();\n    \n    \/\/ Handle window resize to update mobile detection\n    let resizeTimeout;\n    window.addEventListener('resize', function() {\n        clearTimeout(resizeTimeout);\n        resizeTimeout = setTimeout(function() {\n            \/\/ Re-initialize animations with updated mobile detection\n            initJourneyAnimations();\n        }, 250);\n    });\n    \n    \/\/ Also run if content is dynamically loaded (for Gutenberg editor)\n    if (typeof wp !== 'undefined' && wp.data) {\n        wp.data.subscribe(function() {\n            \/\/ Small delay to ensure content is rendered\n            setTimeout(function() {\n                addLineBreaksBeforeAmpersand();\n                handleIconDisplay();\n                setDesktopLineBackground();\n                initJourneyAnimations();\n            }, 100);\n        });\n    }\n});\n<\/script>\n\n\n  <section id=\"\"\n    class=\"contact-form-block\"\n    aria-labelledby=\"contact-form-heading\"     aria-label=\"Formul\u00e1rio de contato e informa\u00e7\u00f5es de contato\" style=\"background-color: #F3F1F8;\">\n\n    <div class=\"contact-form-block__container\">\n      <div class=\"contact-form-block__grid\">\n\n        <!-- Left Content - Contact Information -->\n        <div class=\"contact-form-block__content\">\n\n          <!-- Main Title and Topics -->\n                      <header class=\"contact-form-block__header contact-form-block__header--icons\">\n              <h2 id=\"contact-form-heading\" class=\"contact-form-block__title\">\n                Get In Touch              <\/h2>\n\n                              <nav class=\"contact-form-block__topics\" aria-label=\"T\u00f3picos de contato\">\n                  <ul class=\"contact-form-block__topics-list contact-form-block__topics-list--icons\" role=\"list\">\n                                                                  <li class=\"contact-form-block__topics-item\">\n                                                      <!-- Icons Layout -->\n                            <div class=\"contact-form-block__topics-icon\">\n                              <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect width=\"48\" height=\"48\" rx=\"24\" fill=\"#663BB7\"\/>\n<path d=\"M34 19L25.5 27.5L20.5 22.5L14 29\" stroke=\"white\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M28 19H34V25\" stroke=\"white\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                            <\/div>\n                          \n                          <div class=\"contact-form-block__topics-content\">\n                            <span class=\"contact-form-block__topics-text\">Prove ROI<\/span>\n                                                          <p class=\"contact-form-block__topics-description\">Free audit to reveal your automation savings.<\/p>\n                                                      <\/div>\n                        <\/li>\n                                                                                        <li class=\"contact-form-block__topics-item\">\n                                                      <!-- Icons Layout -->\n                            <div class=\"contact-form-block__topics-icon\">\n                              <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect width=\"48\" height=\"48\" rx=\"24\" fill=\"#663BB7\"\/>\n<path d=\"M21 14H27\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M24 22V26\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M24 34C28.4183 34 32 30.4183 32 26C32 21.5817 28.4183 18 24 18C19.5817 18 16 21.5817 16 26C16 30.4183 19.5817 34 24 34Z\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                            <\/div>\n                          \n                          <div class=\"contact-form-block__topics-content\">\n                            <span class=\"contact-form-block__topics-text\">Streamline Workflows<\/span>\n                                                          <p class=\"contact-form-block__topics-description\">Available Mon\u2013Fri, 9am\u20136pm (Lisbon time).<\/p>\n                                                      <\/div>\n                        <\/li>\n                                                                                        <li class=\"contact-form-block__topics-item\">\n                                                      <!-- Icons Layout -->\n                            <div class=\"contact-form-block__topics-icon\">\n                              <svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<rect width=\"48\" height=\"48\" rx=\"24\" fill=\"#663BB7\"\/>\n<path d=\"M24 34C29.5228 34 34 29.5228 34 24C34 18.4772 29.5228 14 24 14C18.4772 14 14 18.4772 14 24C14 29.5228 18.4772 34 24 34Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M21 24L23 26L27 22\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n                            <\/div>\n                          \n                          <div class=\"contact-form-block__topics-content\">\n                            <span class=\"contact-form-block__topics-text\">Clear Roadmap<\/span>\n                                                          <p class=\"contact-form-block__topics-description\">Remote-first, European-based, built for global delivery.<\/p>\n                                                      <\/div>\n                        <\/li>\n                                                            <\/ul>\n                <\/nav>\n                          <\/header>\n          \n\n          <!-- Contact Information -->\n          <div class=\"contact-form-block__info contact-form-block__info--card-layout\" role=\"region\" aria-label=\"Informa\u00e7\u00f5es de contato\">\n            <!-- Second Title -->\n            \n                          <!-- Card Layout -->\n              <div class=\"contact-form-block__card-layout\">\n\n                <figure class=\"contact-form-block__card-layout-background\">\n                  <svg width=\"312\" height=\"471\" viewBox=\"0 0 312 471\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M37.939 386.955L53.2172 470.488L224.082 371.839L157.968 317.657L37.939 386.955Z\" fill=\"#F3F1F8\"\/>\n<path d=\"M0.0971518 182.814L25.7494 320.186L106.945 273.308L0.0971518 182.814Z\" fill=\"#F3F1F8\"\/>\n<path d=\"M179.476 93.214L311.261 321.472L10.7543 67.2631L126.059 0.692169L154.48 49.9189L231.889 5.22669L256.885 48.5217L179.476 93.214Z\" fill=\"#F3F1F8\"\/>\n<\/svg>\n                <\/figure>\n\n                                  <h3 class=\"contact-form-block__card-layout-title\">\n                    Typical Results                  <\/h3>\n                \n                                                      <div class=\"contact-form-block__card-item\">\n                      <div class=\"contact-form-block__card-left\">\n                        Time Savings:                      <\/div>\n                      <div class=\"contact-form-block__card-right\">\n                        15-25 hours\/week                      <\/div>\n                    <\/div>\n                                                                        <div class=\"contact-form-block__card-item\">\n                      <div class=\"contact-form-block__card-left\">\n                        Error Reduction:                      <\/div>\n                      <div class=\"contact-form-block__card-right\">\n                        90%+                      <\/div>\n                    <\/div>\n                                                                        <div class=\"contact-form-block__card-item\">\n                      <div class=\"contact-form-block__card-left\">\n                        ROI Timeline:                      <\/div>\n                      <div class=\"contact-form-block__card-right\">\n                        1-3 months                      <\/div>\n                    <\/div>\n                                                <\/div>\n            \n          <\/div>\n        <\/div>\n\n        <!-- Right Form -->\n        <div id=\"free-audit\" class=\"contact-form-block__form-wrapper contact-form-block__form-wrapper--card\">\n          <div class=\"contact-form-block__form-container\">\n                          <div class=\"contact-form-block__form-content\"\n                role=\"region\"\n                aria-label=\"contact form\"\n                >\n                <div class='fluentform ff-default fluentform_wrapper_10 ffs_default_wrap'><form data-form_id=\"10\" id=\"fluentform_10\" class=\"frm-fluent-form fluent_form_10 ff-el-form-top ff_form_instance_10_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_10_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Services | Connect Everything<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='17' \/><input type=\"hidden\" id=\"_fluentform_10_fluentformnonce\" name=\"_fluentform_10_fluentformnonce\" value=\"585d9184e2\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/17\" \/><div class='ff-el-group  ff-custom_html' tabindex='-1' data-name=\"custom_html-10_1\" ><h3 class=\"tracking-tight text-2xl font-bold text-slate-900\">Start Your Automation Journey<\/h3><\/div><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_10_input_text' id='label_ff_10_input_text' aria-label=\"Name\">Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Your full name\" data-name=\"input_text\" id=\"ff_10_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_10_email' id='label_ff_10_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_10_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\" autocomplete=\"email\" inputmode=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><div data-name=\"ff_cn_id_2\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_10_phone' id='label_ff_10_phone' aria-label=\"Phone\">Phone<\/label><\/div><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone ff_el_with_extended_validation\" type=\"tel\" data-name=\"phone\" autocomplete=\"tel\" inputmode=\"tel\" id=\"ff_10_phone\"  aria-invalid='false' aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_10_input_text_1' id='label_ff_10_input_text_1' aria-label=\"Company\">Company<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text_1\" class=\"ff-el-form-control\" placeholder=\"Your company name\" data-name=\"input_text_1\" id=\"ff_10_input_text_1\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_10_multi_select' id='label_ff_10_multi_select' aria-label=\"Solutions That Fit Your Needs\">Solutions That Fit Your Needs<\/label><\/div><div class='ff-el-input--content'><select name=\"multi_select[]\" id=\"ff_10_multi_select\" class=\"ff-el-form-control  ff_has_multi_select\" placeholder=\" Choose which solutions are better for you\" multiple=\"1\" data-name=\"multi_select\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_10_multi_select\"><option value=\"\">Choose which solutions are better for you<\/option><option value=\"custom-api-development\"  >Custom API Development<\/option><option value=\"automation-audit-&amp;-strategy\"  >Automation Audit &#038; Strategy<\/option><option value=\"enterprise-workflow-design\"  >Enterprise Workflow Design<\/option><option value=\"n8n-infrastructure-setup\"  >n8n Infrastructure Setup<\/option><option value=\"other\"  >Other<\/option><\/select><\/div><\/div><div class='ff-el-group has-conditions'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_10_description_1' id='label_ff_10_description_1' aria-label=\"Tell us about the custom solution.\">Tell us about the custom solution.<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_10_description_1\" name=\"description_1\" id=\"ff_10_description_1\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description_1\" ><\/textarea><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_10_dropdown_2' id='label_ff_10_dropdown_2' aria-label=\"Company Size\">Company Size<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown_2\" id=\"ff_10_dropdown_2\" class=\"ff-el-form-control\" data-name=\"dropdown_2\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_10_dropdown_2\"><option value=\"\">Select company size<\/option><option value=\"1-10 employees\"  >1-10 employees<\/option><option value=\"11-50 employees\"  >11-50 employees<\/option><option value=\"51-200 employees\"  >51-200 employees<\/option><option value=\"200+ employees\"  >200+ employees<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_10_description' id='label_ff_10_description' aria-label=\"Biggest Pain Points\">Biggest Pain Points<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_10_description\" name=\"description\" id=\"ff_10_description\" class=\"ff-el-form-control\" placeholder=\"Describe your biggest pain points\" rows=\"10\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='Terms and Conditions: I have read and agree to the Terms and Conditions and Privacy Policy Contains 2 links. Use tab navigation to review.' class='ff-el-form-check-label ff_tc_label' for=terms-n-condition_299bc9f7f75b17ae1c065e4a8e6f7075><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"terms-n-condition\" class=\"ff-el-form-check-input\" data-name=\"terms-n-condition\" id=\"terms-n-condition_299bc9f7f75b17ae1c065e4a8e6f7075\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'><p>I have read and agree to the <a href=\"https:\/\/haipestudio.buzzvel.work\/terms-of-service\/\" target=\"_blank\" rel=\"noopener\">Terms and Conditions<\/a> and <a href=\"https:\/\/haipestudio.buzzvel.work\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\">Privacy Policy<\/a><\/p><\/div><\/label><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Get my free audit\">Get my free audit<\/button><\/div><\/fieldset><\/form><div id='fluentform_10_errors' class='ff-errors-in-stack ff_form_instance_10_1 ff-form-loading_errors ff_form_instance_10_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_10_1 = {\"id\":\"10\",\"ajaxUrl\":\"https:\\\/\\\/haipestudio.buzzvel.work\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_10_1\",\"form_id_selector\":\"fluentform_10\",\"rules\":{\"input_text\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"valid_phone_number\":{\"value\":true,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Phone number is not valid\"}},\"input_text_1\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"multi_select\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"description_1\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown_2\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"terms-n-condition\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300,\"conditionals\":{\"description_1\":{\"type\":\"any\",\"status\":true,\"conditions\":[{\"field\":\"multi_select\",\"value\":\"other\",\"operator\":\"=\"}],\"condition_groups\":[{\"rules\":[{\"field\":\"\",\"value\":\"\",\"operator\":\"\"}],\"title\":\"\",\"isEditingTitle\":false,\"isPreviewOpen\":false,\"isGroupOpen\":true}]}}};\n                            <\/script>\n                          <\/div>\n                      <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n<script>\nclass HaipeCustomSelect {\n\tconstructor(element, options = {}) {\n\t\tthis.element = element;\n\t\tthis.options = {\n\t\t\tplaceholder: 'Select...',\n\t\t\tallowCustom: false,\n\t\t\tsearchable: false,\n\t\t\t...options\n\t\t};\n\t\t\n\t\tthis.isOpen = false;\n\t\tthis.selectedValue = '';\n\t\tthis.selectedText = '';\n\t\tthis.selectedValues = []; \/\/ For multiple selection\n\t\tthis.selectedTexts = []; \/\/ For multiple selection\n\t\tthis.isMultiple = this.element.hasAttribute('multiple');\n\t\tthis.originalSelect = null;\n\t\t\n\t\tthis.init();\n\t}\n\t\n\tinit() {\n\t\t\/\/ Store reference to original select\n\t\tthis.originalSelect = this.element;\n\t\t\n\t\t\/\/ Store original options for restoration\n\t\tthis.originalOptions = Array.from(this.originalSelect.options).map(opt => ({\n\t\t\tvalue: opt.value,\n\t\t\ttext: opt.textContent,\n\t\t\tselected: opt.selected\n\t\t}));\n\t\t\n\t\t\/\/ Initialize selected values for multiple select\n\t\tif (this.isMultiple) {\n\t\t\tthis.selectedValues = [];\n\t\t\tthis.selectedTexts = [];\n\t\t\t\n\t\t\t\/\/ Get initially selected options\n\t\t\tArray.from(this.originalSelect.selectedOptions).forEach(option => {\n\t\t\t\tif (option.value && option.value !== '') {\n\t\t\t\t\tthis.selectedValues.push(option.value);\n\t\t\t\t\tthis.selectedTexts.push(option.textContent);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\t\n\t\t\/\/ Create custom select structure\n\t\tthis.createCustomSelect();\n\t\t\n\t\t\/\/ Bind events\n\t\tthis.bindEvents();\n\t\t\n\t\t\/\/ Set initial state\n\t\tthis.updateDisplay();\n\t}\n\t\n\tcreateCustomSelect() {\n\t\t\/\/ Store a reference to the original select before any modifications\n\t\tthis.originalSelectElement = this.originalSelect;\n\t\t\n\t\t\/\/ For multiple selects, keep original select visible but hidden from view\n\t\t\/\/ For single selects, hide completely\n\t\tif (this.isMultiple) {\n\t\t\t\/\/ Keep original select accessible but visually hidden\n\t\t\tthis.originalSelect.style.position = 'absolute';\n\t\t\tthis.originalSelect.style.left = '-9999px';\n\t\t\tthis.originalSelect.style.opacity = '0';\n\t\t\tthis.originalSelect.style.pointerEvents = 'none';\n\t\t\tthis.originalSelect.style.zIndex = '-1';\n\t\t} else {\n\t\t\t\/\/ Hide original select completely for single selects\n\t\t\tthis.originalSelect.style.display = 'none';\n\t\t}\n\t\t\n\t\t\/\/ Create wrapper\n\t\tthis.wrapper = document.createElement('div');\n\t\tthis.wrapper.className = 'haipe-custom-select';\n\t\tif (this.isMultiple) {\n\t\t\tthis.wrapper.classList.add('haipe-custom-select--multiple');\n\t\t}\n\t\t\n\t\t\/\/ Create label if original has one\n\t\tif (this.originalSelect.previousElementSibling && \n\t\t\tthis.originalSelect.previousElementSibling.tagName === 'LABEL') {\n\t\t\tconst label = document.createElement('label');\n\t\t\tlabel.className = 'haipe-custom-select__label';\n\t\t\tlabel.textContent = this.originalSelect.previousElementSibling.textContent;\n\t\t\tthis.wrapper.appendChild(label);\n\t\t}\n\t\t\n\t\t\/\/ Create input\n\t\tthis.input = document.createElement('input');\n\t\tthis.input.type = 'text';\n\t\tthis.input.className = 'haipe-custom-select__input';\n\t\tthis.input.placeholder = this.options.placeholder;\n\t\tthis.input.readOnly = true;\n\t\t\n\t\t\/\/ Create selected items container for multiple selection\n\t\tif (this.isMultiple) {\n\t\t\tthis.selectedContainer = document.createElement('div');\n\t\t\tthis.selectedContainer.className = 'haipe-custom-select__selected-container';\n\t\t}\n\t\t\n\t\t\/\/ Check if original select has a placeholder option and set initial display\n\t\tconst hasPlaceholder = this.originalSelect.querySelector('option[value=\"\"]') || \n\t\t\t\t\t\t\t   this.originalSelect.querySelector('option[data-placeholder]') ||\n\t\t\t\t\t\t\t   this.originalSelect.querySelector('option.placeholder-option');\n\t\t\n\t\tif (hasPlaceholder && !this.originalSelect.value) {\n\t\t\tthis.input.value = '';\n\t\t}\n\t\t\n\t\t\/\/ Create chevron icon using existing SVG file\n\t\tthis.chevron = document.createElement('div');\n\t\tthis.chevron.className = 'haipe-custom-select__chevron';\n\t\tthis.chevron.innerHTML = `<svg width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M5.9997 6.99838C5.86636 6.99838 5.74136 6.97738 5.6247 6.93538C5.50803 6.89404 5.3997 6.82338 5.2997 6.72338L0.674696 2.09838C0.491363 1.91504 0.40403 1.68571 0.412696 1.41038C0.420696 1.13571 0.516363 0.906711 0.699696 0.723377C0.883029 0.540044 1.11636 0.448377 1.3997 0.448377C1.68303 0.448377 1.91636 0.540044 2.0997 0.723377L5.9997 4.62338L9.9247 0.698377C10.108 0.515043 10.3374 0.427377 10.6127 0.435377C10.8874 0.444044 11.1164 0.540044 11.2997 0.723377C11.483 0.906711 11.5747 1.14004 11.5747 1.42338C11.5747 1.70671 11.483 1.94004 11.2997 2.12338L6.6997 6.72338C6.5997 6.82338 6.49136 6.89404 6.3747 6.93538C6.25803 6.97738 6.13303 6.99838 5.9997 6.99838Z\" fill=\"#4D5356\"\/>\n<\/svg>\n`;\n\t\t\n\t\t\/\/ Make chevron clickable to toggle dropdown\n\t\tthis.chevron.addEventListener('click', (e) => {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\t\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.closeDropdown();\n\t\t\t} else {\n\t\t\t\tthis.openDropdown();\n\t\t\t}\n\t\t});\n\t\t\n\t\t\/\/ Create dropdown\n\t\tthis.dropdown = document.createElement('div');\n\t\tthis.dropdown.className = 'haipe-custom-select__dropdown';\n\t\t\n\t\t\/\/ Create options\n\t\tthis.createOptions();\n\t\t\n\t\t\/\/ Create hint text if original has data-hint\n\t\tif (this.originalSelect.dataset.hint) {\n\t\t\tconst hint = document.createElement('span');\n\t\t\thint.className = 'haipe-custom-select__hint';\n\t\t\thint.textContent = this.originalSelect.dataset.hint;\n\t\t\tthis.wrapper.appendChild(hint);\n\t\t}\n\t\t\n\t\t\/\/ Assemble\n\t\tif (this.isMultiple) {\n\t\t\tthis.wrapper.appendChild(this.selectedContainer);\n\t\t}\n\t\tthis.wrapper.appendChild(this.input);\n\t\tthis.wrapper.appendChild(this.chevron);\n\t\tthis.wrapper.appendChild(this.dropdown);\n\t\t\n\t\t\/\/ Insert after original select\n\t\tthis.originalSelect.parentNode.insertBefore(this.wrapper, this.originalSelect.nextSibling);\n\t}\n\t\n\tcreateOptions() {\n\t\t\/\/ Clear existing options\n\t\tthis.dropdown.innerHTML = '';\n\t\t\n\t\t\/\/ Get options from original select, filtering out placeholder options\n\t\tconst options = Array.from(this.originalSelect.options).filter(option => {\n\t\t\t\/\/ Filter out options that are placeholders (empty value or specific placeholder indicators)\n\t\t\treturn option.value !== '' && \n\t\t\t\t   option.value !== null && \n\t\t\t\t   !option.hasAttribute('data-placeholder') &&\n\t\t\t\t   !option.classList.contains('placeholder-option');\n\t\t});\n\t\t\n\t\toptions.forEach((option, index) => {\n\t\t\tconst optionElement = document.createElement('div');\n\t\t\toptionElement.className = 'haipe-custom-select__option';\n\t\t\toptionElement.textContent = option.textContent;\n\t\t\t\/\/ Store both value and text for better matching\n\t\t\toptionElement.dataset.value = option.value;\n\t\t\toptionElement.dataset.text = option.textContent;\n\t\t\t\n\t\t\tif (option.disabled) {\n\t\t\t\toptionElement.classList.add('haipe-custom-select__option--disabled');\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Check if option is selected (for both single and multiple)\n\t\t\tif (this.isMultiple) {\n\t\t\t\tif (this.selectedValues.includes(option.value) || this.selectedValues.includes(option.textContent)) {\n\t\t\t\t\toptionElement.classList.add('haipe-custom-select__option--selected');\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (option.value === this.originalSelect.value) {\n\t\t\t\t\toptionElement.classList.add('haipe-custom-select__option--selected');\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\toptionElement.addEventListener('click', (e) => {\n\t\t\t\tif (!option.disabled) {\n\t\t\t\t\t\/\/ Use the actual option value, not text content\n\t\t\t\t\tthis.selectOption(option.value, option.textContent);\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\tthis.dropdown.appendChild(optionElement);\n\t\t});\n\t}\n\t\n\tbindEvents() {\n\t\t\/\/ Input click - toggle dropdown (open if closed, close if open)\n\t\tthis.input.addEventListener('click', (e) => {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\t\n\t\t\tif (this.isOpen) {\n\t\t\t\tthis.closeDropdown();\n\t\t\t} else {\n\t\t\t\tthis.openDropdown();\n\t\t\t}\n\t\t});\n\t\t\n\t\t\/\/ Removed focus event to prevent conflict with click event\n\t\t\n\t\t\/\/ For multiple select, also make the selected container clickable\n\t\tif (this.isMultiple) {\n\t\t\tthis.selectedContainer.addEventListener('click', (e) => {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\t\t\t\t\n\t\t\t\tif (this.isOpen) {\n\t\t\t\t\tthis.closeDropdown();\n\t\t\t\t} else {\n\t\t\t\t\tthis.openDropdown();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t\t\n\t\t\/\/ Disable custom input - only allow selection from dropdown\n\t\t\/\/ Removed custom input functionality to prevent typing\n\t\t\n\t\t\/\/ Click outside to close\n\t\tdocument.addEventListener('click', (e) => {\n\t\t\tconst isInput = e.target === this.input;\n\t\t\tconst isInsideWrapper = this.wrapper && this.wrapper.contains(e.target);\n\t\t\tconst isChevron = e.target === this.chevron || this.chevron.contains(e.target);\n\t\t\tconst isDropdown = e.target === this.dropdown || this.dropdown.contains(e.target);\n\t\t\tconst isSelectedContainer = this.isMultiple && (e.target === this.selectedContainer || this.selectedContainer.contains(e.target));\n\t\t\t\n\t\t\tconst shouldIgnore = isInput || isInsideWrapper || isChevron || isDropdown || isSelectedContainer;\n\t\t\t\n\t\t\tif (!shouldIgnore) {\n\t\t\t\tthis.closeDropdown();\n\t\t\t}\n\t\t});\n\t\t\n\t\t\/\/ Keyboard navigation\n\t\tthis.input.addEventListener('keydown', (e) => {\n\t\t\tswitch (e.key) {\n\t\t\t\tcase 'Enter':\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tif (this.isOpen) {\n\t\t\t\t\t\tthis.closeDropdown();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.openDropdown();\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Escape':\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tthis.closeDropdown();\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ArrowDown':\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tthis.openDropdown();\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Tab':\n\t\t\t\t\tthis.closeDropdown();\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t});\n\t}\n\t\n\ttoggleDropdown() {\n\t\tif (this.isOpen) {\n\t\t\tthis.closeDropdown();\n\t\t} else {\n\t\t\tthis.openDropdown();\n\t\t}\n\t}\n\t\n\topenDropdown() {\n\t\tif (this.isOpen) return;\n\t\t\n\t\tthis.isOpen = true;\n\t\tthis.dropdown.classList.add('haipe-custom-select__dropdown--open');\n\t\tthis.chevron.classList.add('haipe-custom-select__chevron--open');\n\t\tthis.input.classList.add('ring-2', 'ring-haipe_purple-500\/20');\n\t\t\n\t\t\/\/ Ensure dropdown is visible and positioned correctly\n\t\tthis.dropdown.style.display = 'block';\n\t}\n\t\n\tcloseDropdown() {\n\t\tif (!this.isOpen) return;\n\t\t\n\t\tthis.isOpen = false;\n\t\tthis.dropdown.classList.remove('haipe-custom-select__dropdown--open');\n\t\tthis.chevron.classList.remove('haipe-custom-select__chevron--open');\n\t\tthis.input.classList.remove('ring-2', 'ring-haipe_purple-500\/20');\n\t}\n\t\n\tselectOption(value, text) {\n\t\t\/\/ Don't allow selecting placeholder values\n\t\tif (!value || value === '' || value === null) {\n\t\t\treturn;\n\t\t}\n\t\t\n\t\tif (this.isMultiple) {\n\t\t\t\/\/ Handle multiple selection\n\t\t\t\/\/ Check if value is already selected (by value or text)\n\t\t\tconst optionIndexByValue = this.selectedValues.indexOf(value);\n\t\t\tconst optionIndexByText = this.selectedValues.indexOf(text);\n\t\t\tconst optionIndex = optionIndexByValue > -1 ? optionIndexByValue : optionIndexByText;\n\t\t\t\n\t\t\tif (optionIndex > -1) {\n\t\t\t\t\/\/ Remove if already selected\n\t\t\t\tthis.selectedValues.splice(optionIndex, 1);\n\t\t\t\tthis.selectedTexts.splice(optionIndex, 1);\n\t\t\t} else {\n\t\t\t\t\/\/ Add if not selected - use the actual option value from the original select\n\t\t\t\t\/\/ Find the corresponding option in the original select\n\t\t\t\tconst originalSelect = this.originalSelectElement || this.originalSelect;\n\t\t\t\tconst originalOption = Array.from(originalSelect.options).find(opt => \n\t\t\t\t\topt.value === value || opt.textContent.trim() === value.trim() || opt.textContent.trim() === text.trim()\n\t\t\t\t);\n\t\t\t\t\n\t\t\t\tif (originalOption) {\n\t\t\t\t\tthis.selectedValues.push(originalOption.value);\n\t\t\t\t\tthis.selectedTexts.push(originalOption.textContent);\n\t\t\t\t} else {\n\t\t\t\t\t\/\/ Fallback to the provided values\n\t\t\t\t\tthis.selectedValues.push(value);\n\t\t\t\t\tthis.selectedTexts.push(text);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Update option visual state\n\t\t\tconst selectedOption = this.dropdown.querySelector(`[data-value=\"${value}\"]`);\n\t\t\tif (selectedOption) {\n\t\t\t\tif (optionIndex > -1) {\n\t\t\t\t\tselectedOption.classList.remove('haipe-custom-select__option--selected');\n\t\t\t\t} else {\n\t\t\t\t\tselectedOption.classList.add('haipe-custom-select__option--selected');\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t\/\/ Handle single selection\n\t\t\tthis.selectedValue = value;\n\t\t\tthis.selectedText = text;\n\t\t\t\n\t\t\t\/\/ Remove selected class from all options\n\t\t\tthis.dropdown.querySelectorAll('.haipe-custom-select__option').forEach(option => {\n\t\t\t\toption.classList.remove('haipe-custom-select__option--selected');\n\t\t\t});\n\t\t\t\n\t\t\t\/\/ Add selected class to the chosen option\n\t\t\tconst selectedOption = this.dropdown.querySelector(`[data-value=\"${value}\"]`);\n\t\t\tif (selectedOption) {\n\t\t\t\tselectedOption.classList.add('haipe-custom-select__option--selected');\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Close dropdown for single selection\n\t\t\tthis.closeDropdown();\n\t\t}\n\t\t\n\t\t\/\/ Update display\n\t\tthis.updateDisplay();\n\t\t\n\t\t\/\/ Update original select\n\t\tthis.updateOriginalSelect();\n\t\t\n\t\t\/\/ Trigger change event\n\t\tthis.triggerChangeEvent();\n\t}\n\t\n\tupdateDisplay() {\n\t\tif (this.isMultiple) {\n\t\t\t\/\/ Handle multiple selection display\n\t\t\tif (this.selectedValues.length > 0) {\n\t\t\t\t\/\/ Clear selected container\n\t\t\t\tthis.selectedContainer.innerHTML = '';\n\t\t\t\t\n\t\t\t\t\/\/ Add selected items as chips\n\t\t\t\tthis.selectedTexts.forEach((text, index) => {\n\t\t\t\t\tconst chip = document.createElement('div');\n\t\t\t\t\tchip.className = 'haipe-custom-select__chip';\n\t\t\t\t\tchip.innerHTML = `\n\t\t\t\t\t\t<span class=\"haipe-custom-select__chip-text\">${text}<\/span>\n\t\t\t\t\t\t<button type=\"button\" class=\"haipe-custom-select__chip-remove\" data-value=\"${this.selectedValues[index]}\">\n\t\t\t\t\t\t\t<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t\t<path d=\"M9 3L3 9M3 3L9 9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t`;\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Add remove event listener\n\t\t\t\t\tconst removeBtn = chip.querySelector('.haipe-custom-select__chip-remove');\n\t\t\t\t\tremoveBtn.addEventListener('click', (e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tthis.removeSelectedItem(this.selectedValues[index]);\n\t\t\t\t\t});\n\t\t\t\t\t\n\t\t\t\t\tthis.selectedContainer.appendChild(chip);\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tthis.input.style.display = 'none';\n\t\t\t\tthis.selectedContainer.classList.add('has-selection');\n\t\t\t} else {\n\t\t\t\tthis.selectedContainer.innerHTML = '';\n\t\t\t\tthis.input.style.display = 'block';\n\t\t\t\tthis.input.value = '';\n\t\t\t\tthis.selectedContainer.classList.remove('has-selection');\n\t\t\t}\n\t\t} else {\n\t\t\t\/\/ Handle single selection display\n\t\t\tif (this.selectedText && this.selectedValue && this.selectedValue !== '') {\n\t\t\t\tthis.input.value = this.selectedText;\n\t\t\t\tthis.input.classList.add('border-haipe_purple-500');\n\t\t\t\tthis.input.classList.remove('placeholder-shown');\n\t\t\t} else {\n\t\t\t\tthis.input.value = '';\n\t\t\t\tthis.input.classList.remove('border-haipe_purple-500');\n\t\t\t\tthis.input.classList.add('placeholder-shown');\n\t\t\t}\n\t\t}\n\t}\n\t\n\tremoveSelectedItem(value) {\n\t\tconst index = this.selectedValues.indexOf(value);\n\t\tif (index > -1) {\n\t\t\tthis.selectedValues.splice(index, 1);\n\t\t\tthis.selectedTexts.splice(index, 1);\n\t\t\t\n\t\t\t\/\/ Update option visual state\n\t\t\tconst selectedOption = this.dropdown.querySelector(`[data-value=\"${value}\"]`);\n\t\t\tif (selectedOption) {\n\t\t\t\tselectedOption.classList.remove('haipe-custom-select__option--selected');\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Update display\n\t\t\tthis.updateDisplay();\n\t\t\t\n\t\t\t\/\/ Update original select\n\t\t\tthis.updateOriginalSelect();\n\t\t\t\n\t\t\t\/\/ Trigger change event\n\t\t\tthis.triggerChangeEvent();\n\t\t}\n\t}\n\t\n\tupdateOriginalSelect() {\n\t\tif (this.isMultiple) {\n\t\t\t\/\/ Use the stored reference to the original select element\n\t\t\tconst originalSelect = this.originalSelectElement || this.originalSelect;\n\t\t\t\n\t\t\t\/\/ Check if the select has options, if not, restore them\n\t\t\tif (originalSelect.options.length === 0) {\n\t\t\t\tthis.restoreOriginalSelectOptions(originalSelect);\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Clear all selections first\n\t\t\tArray.from(originalSelect.options).forEach(option => {\n\t\t\t\toption.selected = false;\n\t\t\t});\n\t\t\t\n\t\t\t\/\/ Set selected options\n\t\t\tthis.selectedValues.forEach(value => {\n\t\t\t\t\/\/ Try exact match first\n\t\t\t\tlet option = originalSelect.querySelector(`option[value=\"${value}\"]`);\n\t\t\t\t\n\t\t\t\t\/\/ If not found, try to find by text content (trimmed)\n\t\t\t\tif (!option) {\n\t\t\t\t\tconst options = Array.from(originalSelect.options);\n\t\t\t\t\toption = options.find(opt => opt.textContent.trim() === value.trim());\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\/\/ If still not found, try to find by value (trimmed)\n\t\t\t\tif (!option) {\n\t\t\t\t\tconst options = Array.from(originalSelect.options);\n\t\t\t\t\toption = options.find(opt => opt.value.trim() === value.trim());\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tif (option) {\n\t\t\t\t\toption.selected = true;\n\t\t\t\t}\n\t\t\t});\n\t\t\t\n\t\t\t\/\/ Force trigger change event for multiple select\n\t\t\tconst changeEvent = new Event('change', { bubbles: true });\n\t\t\toriginalSelect.dispatchEvent(changeEvent);\n\t\t\t\n\t\t\t\/\/ Also trigger input event for better compatibility\n\t\t\tconst inputEvent = new Event('input', { bubbles: true });\n\t\t\toriginalSelect.dispatchEvent(inputEvent);\n\t\t\t\n\t\t\t\/\/ Trigger custom event for Fluent Forms\n\t\t\tconst fluentEvent = new CustomEvent('fluentform:field:change', { \n\t\t\t\tbubbles: true, \n\t\t\t\tdetail: { \n\t\t\t\t\tfield: originalSelect,\n\t\t\t\t\tvalue: this.selectedValues \n\t\t\t\t} \n\t\t\t});\n\t\t\toriginalSelect.dispatchEvent(fluentEvent);\n\t\t} else {\n\t\t\tconst originalSelect = this.originalSelectElement || this.originalSelect;\n\t\t\toriginalSelect.value = this.selectedValue;\n\t\t}\n\t}\n\t\n\trestoreOriginalSelectOptions(originalSelect) {\n\t\t\/\/ Clear existing options first\n\t\toriginalSelect.innerHTML = '';\n\t\t\n\t\t\/\/ Restore from stored original options\n\t\tthis.originalOptions.forEach(optData => {\n\t\t\tconst option = document.createElement('option');\n\t\t\toption.value = optData.value;\n\t\t\toption.textContent = optData.text;\n\t\t\toption.selected = optData.selected;\n\t\t\t\n\t\t\t\/\/ Add to original select\n\t\t\toriginalSelect.appendChild(option);\n\t\t});\n\t}\n\t\n\ttriggerChangeEvent() {\n\t\t\/\/ Create and dispatch change event\n\t\tconst originalSelect = this.originalSelectElement || this.originalSelect;\n\t\tconst event = new Event('change', { bubbles: true });\n\t\toriginalSelect.dispatchEvent(event);\n\t}\n\t\n\t\/\/ Public methods\n\tsetValue(value) {\n\t\tif (this.isMultiple) {\n\t\t\t\/\/ For multiple select, value should be an array\n\t\t\tif (Array.isArray(value)) {\n\t\t\t\t\/\/ Clear current selections\n\t\t\t\tthis.selectedValues = [];\n\t\t\t\tthis.selectedTexts = [];\n\t\t\t\t\n\t\t\t\t\/\/ Add new selections\n\t\t\t\tconst originalSelect = this.originalSelectElement || this.originalSelect;\n\t\t\t\tvalue.forEach(val => {\n\t\t\t\t\tconst option = originalSelect.querySelector(`option[value=\"${val}\"]`);\n\t\t\t\t\tif (option) {\n\t\t\t\t\t\tthis.selectedValues.push(option.value);\n\t\t\t\t\t\tthis.selectedTexts.push(option.textContent);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\t\/\/ Update display and original select\n\t\t\t\tthis.updateDisplay();\n\t\t\t\tthis.updateOriginalSelect();\n\t\t\t\tthis.createOptions(); \/\/ Recreate options to update visual state\n\t\t\t}\n\t\t} else {\n\t\t\tconst originalSelect = this.originalSelectElement || this.originalSelect;\n\t\t\tconst option = originalSelect.querySelector(`option[value=\"${value}\"]`);\n\t\t\tif (option) {\n\t\t\t\tthis.selectOption(option.value, option.textContent);\n\t\t\t}\n\t\t}\n\t}\n\t\n\tgetValue() {\n\t\tif (this.isMultiple) {\n\t\t\treturn this.selectedValues;\n\t\t} else {\n\t\t\treturn this.selectedValue;\n\t\t}\n\t}\n\t\n\tdisable() {\n\t\tthis.input.classList.add('haipe-custom-select__input--disabled');\n\t\tthis.input.disabled = true;\n\t\tconst originalSelect = this.originalSelectElement || this.originalSelect;\n\t\toriginalSelect.disabled = true;\n\t}\n\t\n\tenable() {\n\t\tthis.input.classList.remove('haipe-custom-select__input--disabled');\n\t\tthis.input.disabled = false;\n\t\tconst originalSelect = this.originalSelectElement || this.originalSelect;\n\t\toriginalSelect.disabled = false;\n\t}\n}\n\n\/\/ Function to wait for element to exist\nfunction waitForElement(selector, callback, maxWaitTime = 10000) {\n\tconst startTime = Date.now();\n\t\n\tfunction checkElement() {\n\t\tconst element = document.querySelector(selector);\n\t\t\n\t\tif (element) {\n\t\t\tcallback(element);\n\t\t\treturn;\n\t\t}\n\t\t\n\t\t\/\/ Check if we've exceeded max wait time\n\t\tif (Date.now() - startTime > maxWaitTime) {\n\t\t\tconsole.warn(`Element ${selector} not found after ${maxWaitTime}ms`);\n\t\t\treturn;\n\t\t}\n\t\t\n\t\t\/\/ Check again in 100ms\n\t\tsetTimeout(checkElement, 100);\n\t}\n\t\n\tcheckElement();\n}\n\n\/\/ Function to initialize custom selects when DOM is ready\ndocument.addEventListener('DOMContentLoaded', function() {\n\tinitializeCustomSelects();\n\tinitializeSuccessMessage();\n\thandleSubjectParameter();\n\tinterceptSubjectLinks();\n\tinterceptFormSubmission();\n});\n\n\/\/ Function to intercept form submission and ensure sync\nfunction interceptFormSubmission() {\n\t\/\/ Listen for form submission\n\tdocument.addEventListener('submit', function(event) {\n\t\tconst form = event.target;\n\t\t\n\t\t\/\/ Check if it's a Fluent Forms form\n\t\tif (form.closest('.fluentform')) {\n\t\t\t\/\/ Force sync all custom selects before submission\n\t\t\tconst customSelects = form.querySelectorAll('select[data-custom-select-initialized=\"true\"]');\n\t\t\tcustomSelects.forEach(select => {\n\t\t\t\tif (select.customSelectInstance) {\n\t\t\t\t\tselect.customSelectInstance.updateOriginalSelect();\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}, true); \/\/ Use capture phase to intercept before Fluent Forms\n}\n\n\t\/\/ Function to initialize custom selects\nfunction initializeCustomSelects() {\n\t\/\/ Find all select elements in Fluent Forms\n\tconst fluentFormSelects = document.querySelectorAll('.fluentform select');\n\t\n\tfluentFormSelects.forEach(select => {\n\t\t\/\/ Check if it's not already converted\n\t\tif (!select.dataset.customSelectInitialized) {\n\t\t\tselect.dataset.customSelectInitialized = 'true';\n\t\t\t\n\t\t\t\/\/ For multiple selects, completely disable Choices.js\n\t\t\tif (select.hasAttribute('multiple')) {\n\t\t\t\t\/\/ Find and hide all Choices.js related elements\n\t\t\t\tconst choicesContainer = select.closest('.choices');\n\t\t\t\tif (choicesContainer) {\n\t\t\t\t\tchoicesContainer.style.display = 'none';\n\t\t\t\t\tchoicesContainer.style.visibility = 'hidden';\n\t\t\t\t\tchoicesContainer.style.opacity = '0';\n\t\t\t\t\tchoicesContainer.style.position = 'absolute';\n\t\t\t\t\tchoicesContainer.style.left = '-9999px';\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\/\/ Also hide any other Choices.js elements that might exist\n\t\t\t\tconst choicesElements = document.querySelectorAll('.choices[data-type*=\"select-multiple\"]');\n\t\t\t\tchoicesElements.forEach(el => {\n\t\t\t\t\tel.style.display = 'none';\n\t\t\t\t\tel.style.visibility = 'hidden';\n\t\t\t\t\tel.style.opacity = '0';\n\t\t\t\t\tel.style.position = 'absolute';\n\t\t\t\t\tel.style.left = '-9999px';\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\t\/\/ Ensure the original select is visible for our custom select to work with\n\t\t\t\tselect.style.display = 'block';\n\t\t\t\tselect.style.visibility = 'visible';\n\t\t\t\tselect.style.opacity = '1';\n\t\t\t\tselect.style.position = 'static';\n\t\t\t\tselect.style.left = 'auto';\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Get placeholder text - check for Fluent Forms placeholder or first option if it's a placeholder\n\t\t\tlet placeholderText = select.dataset.placeholder || select.getAttribute('placeholder') || 'Select...';\n\t\t\t\n\t\t\t\/\/ Check if first option is a placeholder (common in Fluent Forms)\n\t\t\tif (select.options[0] && (select.options[0].value === '' || select.options[0].disabled)) {\n\t\t\t\tplaceholderText = select.options[0].textContent;\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Create custom select instance\n\t\t\tconst customSelect = new HaipeCustomSelect(select, {\n\t\t\t\tallowCustom: false,\n\t\t\t\tplaceholder: placeholderText\n\t\t\t});\n\t\t\t\n\t\t\t\/\/ Store reference for potential external access\n\t\t\tselect.customSelectInstance = customSelect;\n\t\t}\n\t});\n}\n\n\t\/\/ Function to initialize custom selects for dynamically added forms\nwindow.initializeHaipeCustomSelects = function() {\n\t\/\/ Wait for Fluent Forms to be ready\n\twaitForElement('.fluentform', function() {\n\t\tconst fluentFormSelects = document.querySelectorAll('.fluentform select:not([data-custom-select-initialized])');\n\t\t\n\t\tfluentFormSelects.forEach(select => {\n\t\t\tselect.dataset.customSelectInitialized = 'true';\n\t\t\t\n\t\t\t\/\/ For multiple selects, completely disable Choices.js\n\t\t\tif (select.hasAttribute('multiple')) {\n\t\t\t\t\/\/ Find and hide all Choices.js related elements\n\t\t\t\tconst choicesContainer = select.closest('.choices');\n\t\t\t\tif (choicesContainer) {\n\t\t\t\t\tchoicesContainer.style.display = 'none';\n\t\t\t\t\tchoicesContainer.style.visibility = 'hidden';\n\t\t\t\t\tchoicesContainer.style.opacity = '0';\n\t\t\t\t\tchoicesContainer.style.position = 'absolute';\n\t\t\t\t\tchoicesContainer.style.left = '-9999px';\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\/\/ Also hide any other Choices.js elements that might exist\n\t\t\t\tconst choicesElements = document.querySelectorAll('.choices[data-type*=\"select-multiple\"]');\n\t\t\t\tchoicesElements.forEach(el => {\n\t\t\t\t\tel.style.display = 'none';\n\t\t\t\t\tel.style.visibility = 'hidden';\n\t\t\t\t\tel.style.opacity = '0';\n\t\t\t\t\tel.style.position = 'absolute';\n\t\t\t\t\tel.style.left = '-9999px';\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\t\/\/ Ensure the original select is visible for our custom select to work with\n\t\t\t\tselect.style.display = 'block';\n\t\t\t\tselect.style.visibility = 'visible';\n\t\t\t\tselect.style.opacity = '1';\n\t\t\t\tselect.style.position = 'static';\n\t\t\t\tselect.style.left = 'auto';\n\t\t\t}\n\t\t\t\n\t\t\t\/\/ Get placeholder text - check for Fluent Forms placeholder or first option if it's a placeholder\n\t\t\tlet placeholderText = select.dataset.placeholder || select.getAttribute('placeholder') || 'Select...';\n\t\t\t\n\t\t\t\/\/ Check if first option is a placeholder (common in Fluent Forms)\n\t\t\tif (select.options[0] && (select.options[0].value === '' || select.options[0].disabled)) {\n\t\t\t\tplaceholderText = select.options[0].textContent;\n\t\t\t}\n\t\t\t\n\t\t\tconst customSelect = new HaipeCustomSelect(select, {\n\t\t\t\tallowCustom: false,\n\t\t\t\tplaceholder: placeholderText\n\t\t\t});\n\t\t\t\n\t\t\tselect.customSelectInstance = customSelect;\n\t\t});\n\t});\n};\n\n\/\/ Listen for Fluent Forms dynamic content\nif (typeof jQuery !== 'undefined') {\n\tjQuery(document).on('fluentform_loaded', function() {\n\t\t\/\/ Wait a bit for the DOM to be fully updated\n\t\tsetTimeout(function() {\n\t\t\twindow.initializeHaipeCustomSelects();\n\t\t\thandleSubjectParameter(); \/\/ Also handle subject parameter for dynamically loaded forms\n\t\t}, 100);\n\t});\n}\n\n\/\/ Function to initialize success message functionality\nfunction initializeSuccessMessage() {\n\t\/\/ Watch for success message appearance\n\tconst observer = new MutationObserver(function(mutations) {\n\t\tmutations.forEach(function(mutation) {\n\t\t\tmutation.addedNodes.forEach(function(node) {\n\t\t\t\tif (node.nodeType === 1 && node.classList && node.classList.contains('ff-message-success')) {\n\t\t\t\t\tsetupSuccessMessage(node);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t});\n\n\t\/\/ Start observing\n\tobserver.observe(document.body, {\n\t\tchildList: true,\n\t\tsubtree: true\n\t});\n}\n\n\/\/ Function to setup success message with button functionality\nfunction setupSuccessMessage(successElement) {\n\t\/\/ Find the submit again button\n\tconst submitAgainBtn = successElement.querySelector('#resendFormBtn');\n\t\n\tif (submitAgainBtn) {\n\t\tsubmitAgainBtn.addEventListener('click', function(e) {\n\t\t\te.preventDefault();\n\t\t\t\n\t\t\tconsole.log('Submit Again button clicked');\n\t\t\t\n\t\t\t\/\/ Hide the success message\n\t\t\tsuccessElement.style.display = 'none';\n\t\t\t\n\t\t\t\/\/ Find the form container\n\t\t\tconst formContainer = successElement.closest('.fluentform');\n\t\t\tif (formContainer) {\n\t\t\t\tconsole.log('Form container found:', formContainer);\n\t\t\t\t\n\t\t\t\t\/\/ Remove success state classes that might be hiding the form\n\t\t\t\tformContainer.classList.remove('ff-form-success', 'ff-submission-success');\n\t\t\t\t\n\t\t\t\t\/\/ Try to use Fluent Forms native reset if available\n\t\t\t\tif (window.FluentForm && formContainer.dataset.formId) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst formId = formContainer.dataset.formId;\n\t\t\t\t\t\tconsole.log('Trying Fluent Forms native reset for form ID:', formId);\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/ Try to trigger a native reset\n\t\t\t\t\t\tif (window.FluentForm.resetForm) {\n\t\t\t\t\t\t\twindow.FluentForm.resetForm(formId);\n\t\t\t\t\t\t}\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\tconsole.log('Native reset failed:', error);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\/\/ Check what elements exist in the form container\n\t\t\t\tconst allElements = formContainer.querySelectorAll('*');\n\t\t\t\tconsole.log('All elements in form container:', allElements.length);\n\t\t\t\t\n\t\t\t\t\/\/ Look for hidden elements\n\t\t\t\tconst hiddenElements = formContainer.querySelectorAll('[style*=\"display: none\"], [style*=\"display:none\"], .hidden');\n\t\t\t\tconsole.log('Hidden elements found:', hiddenElements);\n\t\t\t\t\n\t\t\t\t\/\/ Try to find the original form\n\t\t\t\tconst form = formContainer.querySelector('form');\n\t\t\t\tif (form) {\n\t\t\t\t\tconsole.log('Form element found:', form);\n\t\t\t\t\tform.style.display = 'block';\n\t\t\t\t\tform.reset();\n\t\t\t\t} else {\n\t\t\t\t\tconsole.log('No form element found');\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\/\/ Try to show all form-related elements that might be hidden\n\t\t\t\tconst formElements = formContainer.querySelectorAll('.ff-el-form, .ff-el-group, .ff-el-input, .ff_submit_btn_wrapper');\n\t\t\t\tconsole.log('Form elements found:', formElements);\n\t\t\t\t\n\t\t\t\tformElements.forEach(element => {\n\t\t\t\t\tif (element !== successElement) {\n\t\t\t\t\t\tconsole.log('Showing element:', element);\n\t\t\t\t\t\telement.style.display = 'block';\n\t\t\t\t\t\telement.style.visibility = 'visible';\n\t\t\t\t\t\telement.style.opacity = '1';\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\t\/\/ Also try to remove any hidden classes\n\t\t\t\tformContainer.querySelectorAll('.hidden, .ff-hidden, .ff-el-hidden').forEach(el => {\n\t\t\t\t\tel.classList.remove('hidden', 'ff-hidden', 'ff-el-hidden');\n\t\t\t\t\tel.style.display = 'block';\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\t\/\/ Force show all form elements with important CSS\n\t\t\t\tconst allFormElements = formContainer.querySelectorAll('[class*=\"ff-el-\"]');\n\t\t\t\tallFormElements.forEach(el => {\n\t\t\t\t\tif (el !== successElement && !el.classList.contains('ff-message-success')) {\n\t\t\t\t\t\tel.style.setProperty('display', 'block', 'important');\n\t\t\t\t\t\tel.style.setProperty('visibility', 'visible', 'important');\n\t\t\t\t\t\tel.style.setProperty('opacity', '1', 'important');\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\t\/\/ Try to trigger a form reset event\n\t\t\t\tconst resetEvent = new Event('reset', { bubbles: true });\n\t\t\t\tif (form) {\n\t\t\t\t\tform.dispatchEvent(resetEvent);\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\/\/ Alternative: try to reload the form using Fluent Forms events\n\t\t\t\tif (typeof jQuery !== 'undefined') {\n\t\t\t\t\tjQuery(document).trigger('fluentform_reset', [formContainer]);\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\/\/ Ensure all original select elements are properly hidden\n\t\t\t\tconst allSelects = formContainer.querySelectorAll('select');\n\t\t\t\tallSelects.forEach(select => {\n\t\t\t\t\tif (select.hasAttribute('multiple')) {\n\t\t\t\t\t\t\/\/ For multiple selects, keep accessible but visually hidden\n\t\t\t\t\t\tselect.style.position = 'absolute';\n\t\t\t\t\t\tselect.style.left = '-9999px';\n\t\t\t\t\t\tselect.style.opacity = '0';\n\t\t\t\t\t\tselect.style.pointerEvents = 'none';\n\t\t\t\t\t\tselect.style.zIndex = '-1';\n\t\t\t\t\t\tselect.style.visibility = 'hidden';\n\t\t\t\t\t\tselect.style.display = 'block'; \/\/ Keep in DOM for form submission\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ For single selects, hide completely\n\t\t\t\t\t\tselect.style.display = 'none';\n\t\t\t\t\t\tselect.style.visibility = 'hidden';\n\t\t\t\t\t\tselect.style.opacity = '0';\n\t\t\t\t\t\tselect.style.position = 'absolute';\n\t\t\t\t\t\tselect.style.left = '-9999px';\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tconsole.log('Form reset completed');\n\t\t\t}\n\t\t});\n\t}\n}\n\n\/\/ Function to intercept subject links and prevent page reload\nfunction interceptSubjectLinks() {\n\t\/\/ Listen for clicks on links with subject parameter\n\tdocument.addEventListener('click', function(event) {\n\t\tconst link = event.target.closest('a[href*=\"subject=\"]');\n\t\t\n\t\tif (link && link.href.includes('subject=')) {\n\t\t\t\/\/ Prevent default link behavior (page reload)\n\t\t\tevent.preventDefault();\n\t\t\t\n\t\t\t\/\/ Extract subject parameter from URL\n\t\t\tconst url = new URL(link.href);\n\t\t\tconst subjectParam = url.searchParams.get('subject');\n\t\t\t\n\t\t\tif (subjectParam) {\n\t\t\t\t\/\/ Update current page URL without reload\n\t\t\t\tupdateUrlParameter('subject', subjectParam);\n\t\t\t\t\n\t\t\t\t\/\/ Scroll to form if there's a hash\n\t\t\t\tif (url.hash) {\n\t\t\t\t\tconst targetElement = document.querySelector(url.hash);\n\t\t\t\t\tif (targetElement) {\n\t\t\t\t\t\ttargetElement.scrollIntoView({ behavior: 'smooth' });\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\/\/ Handle subject parameter\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\thandleSubjectParameter();\n\t\t\t\t}, 100);\n\t\t\t}\n\t\t}\n\t});\n}\n\n\/\/ Function to update URL parameter without page reload\nfunction updateUrlParameter(param, value) {\n\tconst currentUrl = new URL(window.location);\n\t\n\tif (value) {\n\t\tcurrentUrl.searchParams.set(param, value);\n\t} else {\n\t\tcurrentUrl.searchParams.delete(param);\n\t}\n\t\n\t\/\/ Update URL without page reload\n\twindow.history.pushState({}, '', currentUrl.toString());\n\t\n\t\/\/ Update data attribute\n\tconst formContent = document.querySelector('.contact-form-block__form-content');\n\tif (formContent) {\n\t\tif (value) {\n\t\t\tformContent.setAttribute('data-subject-param', value);\n\t\t} else {\n\t\t\tformContent.removeAttribute('data-subject-param');\n\t\t}\n\t}\n}\n\n\/\/ Function to handle subject parameter from URL\nfunction handleSubjectParameter() {\n\t\/\/ Find form content with subject parameter\n\tconst formContent = document.querySelector('.contact-form-block__form-content[data-subject-param]');\n\t\n\tif (!formContent) {\n\t\treturn; \/\/ No subject parameter found\n\t}\n\t\n\tconst subjectParam = formContent.getAttribute('data-subject-param');\n\t\n\t\/\/ Wait for FluentForm to be ready and custom selects to be initialized\n\twaitForElement('.fluentform', function() {\n\t\tsetTimeout(function() {\n\t\t\t\/\/ Find all select elements in the form\n\t\t\tconst formSelects = formContent.querySelectorAll('.fluentform select');\n\t\t\t\n\t\t\tformSelects.forEach(function(select) {\n\t\t\t\t\n\t\t\t\t\/\/ Look for select with options that match our subject value\n\t\t\t\tconst options = Array.from(select.options);\n\t\t\t\tconst matchingOption = options.find(option => {\n\t\t\t\t\tconst optionValue = option.value.trim();\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Match only with the option value (exact match)\n\t\t\t\t\treturn optionValue === subjectParam;\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tif (matchingOption && matchingOption.value !== '') {\t\t\t\t\t\n\t\t\t\t\t\/\/ Set the original select value\n\t\t\t\t\tselect.value = matchingOption.value;\n\t\t\t\t\t\n\t\t\t\t\t\/\/ If custom select is already initialized, update it\n\t\t\t\t\tif (select.customSelectInstance) {\n\t\t\t\t\t\tselect.customSelectInstance.setValue(matchingOption.value);\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/ If not initialized yet, wait a bit and try again\n\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\tif (select.customSelectInstance) {\n\t\t\t\t\t\t\t\tselect.customSelectInstance.setValue(matchingOption.value);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}, 500);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Trigger change event to notify any other scripts\n\t\t\t\t\tconst changeEvent = new Event('change', { bubbles: true });\n\t\t\t\t\tselect.dispatchEvent(changeEvent);\n\t\t\t\t}\n\t\t\t});\n\t\t}, 200);\n\t});\n}\n\n\/\/ Listen for Fluent Forms events to handle form reset and validation\nif (typeof jQuery !== 'undefined') {\n\tjQuery(document).on('fluentform_submission_completed', function(event, data) {\n\t\t\/\/ Store reference to the form for potential reset\n\t\tif (data && data.form) {\n\t\t\tdata.form.haipeFormData = {\n\t\t\t\toriginalForm: data.form.querySelector('form'),\n\t\t\t\tformElements: data.form.querySelectorAll('.ff-el-form, .ff-el-group')\n\t\t\t};\n\t\t}\n\t});\n\t\n\t\/\/ Listen for form validation events\n\tjQuery(document).on('fluentform_validation_start', function(event, form) {\n\t\t\/\/ Force sync all custom selects before validation\n\t\tconst customSelects = form.querySelectorAll('select[data-custom-select-initialized=\"true\"]');\n\t\tcustomSelects.forEach(select => {\n\t\t\tif (select.customSelectInstance) {\n\t\t\t\tselect.customSelectInstance.updateOriginalSelect();\n\t\t\t}\n\t\t});\n\t});\n\t\n\t\/\/ Listen for field validation\n\tjQuery(document).on('fluentform_field_validation', function(event, field, errors) {\n\t\tif (field.tagName === 'SELECT' && field.hasAttribute('multiple')) {\n\t\t\t\/\/ Check if the field has a custom select instance\n\t\t\tif (field.customSelectInstance) {\n\t\t\t\tconst selectedValues = field.customSelectInstance.getValue();\n\t\t\t\t\n\t\t\t\t\/\/ If we have values but validation fails, force sync\n\t\t\t\tif (selectedValues && selectedValues.length > 0) {\n\t\t\t\t\tfield.customSelectInstance.updateOriginalSelect();\n\t\t\t\t\t\n\t\t\t\t\t\/\/ Trigger validation again\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tjQuery(field).trigger('change');\n\t\t\t\t\t}, 100);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n}\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":15,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"folder":[],"class_list":["post-17","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/haipestudio.buzzvel.work\/en\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haipestudio.buzzvel.work\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haipestudio.buzzvel.work\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haipestudio.buzzvel.work\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haipestudio.buzzvel.work\/en\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":0,"href":"https:\/\/haipestudio.buzzvel.work\/en\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/haipestudio.buzzvel.work\/en\/wp-json\/wp\/v2\/pages\/15"}],"wp:attachment":[{"href":"https:\/\/haipestudio.buzzvel.work\/en\/wp-json\/wp\/v2\/media?parent=17"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/haipestudio.buzzvel.work\/en\/wp-json\/wp\/v2\/folder?post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}