{"version":3,"file":"component---src-pages-events-screver-ocx-index-jsx-fcc45628c9557affcc7d.js","mappings":"mMAWMA,EAAM,CACVC,MAAO,2DACPC,SACE,kKACFC,MACE,8EACFC,aAAc,2CA2ChB,EAxCiB,WACf,OACE,gCACE,gBAACC,EAAA,EAAD,KACE,qJAEA,qvBAEA,+XAEA,qnLAEA,0BACEC,IAAI,kEACJC,KAAK,oBAEP,0BAAQA,KAAK,mBAAb,mFAEA,0BAAQA,KAAK,mBAAb,wLAEA,wBACEC,IAAI,aACJC,KAAK,8DAEP,wBACED,IAAI,UACJE,GAAG,QACHD,KAAK,yCAIT,gBAACE,EAAA,EAAD,CAAKX,IAAKA,EAAKY,WAAY,YAC3B,uBACEC,UAAU,4BACVC,wBAAyB,CAAEC,OCtDpB","sources":["webpack://scr-website/./src/pages/events/screver-ocx/index.jsx","webpack://scr-website/./src/mocks/webflow/ocx-event.js"],"sourcesContent":["import React from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport SEO from 'sections/Layout/SEO';\n\nimport OCX_EVENT from 'mocks/webflow/ocx-event';\n\nimport 'styles/webflow/normalize.scss';\nimport 'styles/webflow/webflow.scss';\nimport 'styles/webflow/screver-ocx-event.webflow.scss';\n\nconst seo = {\n  title: 'Screver OCX Event | Screver Feedback Management Solution',\n  metaDesc:\n    'New era experiences. We’ll share some exciting news, show off a sneak peek of innovative features, and showcase how AI shapes Voice of the Customer strategies.',\n  image:\n    'https://wp.screver.com/wp-content/uploads/2023/08/screver-ocx-meta-img.jpeg',\n  opengraphUrl: 'https://screver.com/events/screver-ocx/',\n};\n\nconst OcxEvent = () => {\n  return (\n    <>\n      <Helmet>\n        <style>{`@media (min-width:992px){html.w-mod-js:not(.w-mod-ix) [data-w-id=\"22bedb4b-1f4a-c7f7-6034-550ef81e55c0\"]{opacity:0}}`}</style>\n\n        <style>{`.noise{overflow:hidden;pointer-events:none}@keyframes noiseAnimation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.noise:after{content:\"\";pointer-events:none;will-change:transform;animation:noiseAnimation 1s steps(4) infinite;opacity:.5;background-image:url('https://uploads-ssl.webflow.com/61951265d7110a723766c703/61951306d6dbb6562f844696_Noise.png');width:200%;height:200%;display:block;position:absolute;top:-50%;left:-50%}`}</style>\n\n        <style>{`a,button{transition:all .2s linear}.hero-sec .div-block-81{pointer-events:none}.div-block-88{overflow:clip!important}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:rgba(21,21,23,0)}body::-webkit-scrollbar-thumb{background:#3f75ff;border-radius:12px;transition:all .2s linear}body::-webkit-scrollbar-thumb:hover{opacity:.9}`}</style>\n\n        <style>{`#gooey-button svg{position:absolute;top:-4000px;left:-4000px}#gooey-button{--prime-btn:#edff20;--second-btn:#111;padding:1rem 2rem;position:relative;display:flex;justify-content:center;align-items:center;width:240px;height:60px;font-size:24px;font-weight:600;letter-spacing:-.02em;border:none;color:var(--second-btn);filter:url(#gooey);text-decoration:none}#gooey-button::after{content:'';position:absolute;inset:0;background-color:var(--prime-btn);border-radius:100px}#gooey-button:focus{outline:0}#gooey-button .gooey-button-text{position:relative;z-index:1}#gooey-button,#gooey-button::after{transition:transform .15s ease-in;will-change:transform}#gooey-button:hover::after{transform:scale(1.1)}#gooey-button .bubbles{position:absolute;top:0;left:0;bottom:0;right:0}#gooey-button .bubbles .bubble{background-color:var(--prime-btn);border-radius:100%;position:absolute;top:0;left:0;display:block;z-index:-1}#gooey-button .bubbles .bubble:nth-child(1){left:26px;width:25px;height:25px;-webkit-animation:move-1 3.02s infinite;animation:move-1 3.02s infinite;-webkit-animation-delay:.2s;animation-delay:.2s}#gooey-button .bubbles .bubble:nth-child(2){left:54px;width:25px;height:25px;-webkit-animation:move-2 3.04s infinite;animation:move-2 3.04s infinite;-webkit-animation-delay:.4s;animation-delay:.4s}#gooey-button .bubbles .bubble:nth-child(3){left:38px;width:25px;height:25px;-webkit-animation:move-3 3.06s infinite;animation:move-3 3.06s infinite;-webkit-animation-delay:.6s;animation-delay:.6s}#gooey-button .bubbles .bubble:nth-child(4){left:60px;width:25px;height:25px;-webkit-animation:move-4 3.08s infinite;animation:move-4 3.08s infinite;-webkit-animation-delay:.8s;animation-delay:.8s}#gooey-button .bubbles .bubble:nth-child(5){left:89px;width:25px;height:25px;-webkit-animation:move-5 3.1s infinite;animation:move-5 3.1s infinite;-webkit-animation-delay:1s;animation-delay:1s}#gooey-button .bubbles .bubble:nth-child(6){left:78px;width:25px;height:25px;-webkit-animation:move-6 3.12s infinite;animation:move-6 3.12s infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s}#gooey-button .bubbles .bubble:nth-child(7){left:38px;width:25px;height:25px;-webkit-animation:move-7 3.14s infinite;animation:move-7 3.14s infinite;-webkit-animation-delay:1.4s;animation-delay:1.4s}#gooey-button .bubbles .bubble:nth-child(8){left:26px;width:25px;height:25px;-webkit-animation:move-8 3.16s infinite;animation:move-8 3.16s infinite;-webkit-animation-delay:1.6s;animation-delay:1.6s}#gooey-button .bubbles .bubble:nth-child(9){left:43px;width:25px;height:25px;-webkit-animation:move-9 3.18s infinite;animation:move-9 3.18s infinite;-webkit-animation-delay:1.8s;animation-delay:1.8s}#gooey-button .bubbles .bubble:nth-child(10){left:86px;width:25px;height:25px;-webkit-animation:move-10 3.2s infinite;animation:move-10 3.2s infinite;-webkit-animation-delay:2s;animation-delay:2s}#gooey-button.christian{margin-top:60px}@media screen and (max-width:576px){.gooey-button-header{padding:14px!important;width:160px!important;height:40px!important;font-size:15px!important}#gooey-button::after{border-radius:50px}#gooey-button.christian{padding:14px;width:100%;height:60px;font-size:24px}#gooey-button::after{border-radius:50px}}@-webkit-keyframes move-1{0%{transform:translate(0,0)}99%{transform:translate(0,-126px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-1{0%{transform:translate(0,0)}99%{transform:translate(0,-126px)}100%{transform:translate(0,0);opacity:0}}@-webkit-keyframes move-2{0%{transform:translate(0,0)}99%{transform:translate(0,-122px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-2{0%{transform:translate(0,0)}99%{transform:translate(0,-122px)}100%{transform:translate(0,0);opacity:0}}@-webkit-keyframes move-3{0%{transform:translate(0,0)}99%{transform:translate(0,-82px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-3{0%{transform:translate(0,0)}99%{transform:translate(0,-82px)}100%{transform:translate(0,0);opacity:0}}@-webkit-keyframes move-4{0%{transform:translate(0,0)}99%{transform:translate(0,-85px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-4{0%{transform:translate(0,0)}99%{transform:translate(0,-85px)}100%{transform:translate(0,0);opacity:0}}@-webkit-keyframes move-5{0%{transform:translate(0,0)}99%{transform:translate(0,-70px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-5{0%{transform:translate(0,0)}99%{transform:translate(0,-70px)}100%{transform:translate(0,0);opacity:0}}@-webkit-keyframes move-6{0%{transform:translate(0,0)}99%{transform:translate(0,-63px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-6{0%{transform:translate(0,0)}99%{transform:translate(0,-63px)}100%{transform:translate(0,0);opacity:0}}@-webkit-keyframes move-7{0%{transform:translate(0,0)}99%{transform:translate(0,-67px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-7{0%{transform:translate(0,0)}99%{transform:translate(0,-67px)}100%{transform:translate(0,0);opacity:0}}@-webkit-keyframes move-8{0%{transform:translate(0,0)}99%{transform:translate(0,-107px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-8{0%{transform:translate(0,0)}99%{transform:translate(0,-107px)}100%{transform:translate(0,0);opacity:0}}@-webkit-keyframes move-9{0%{transform:translate(0,0)}99%{transform:translate(0,-70px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-9{0%{transform:translate(0,0)}99%{transform:translate(0,-70px)}100%{transform:translate(0,0);opacity:0}}@-webkit-keyframes move-10{0%{transform:translate(0,0)}99%{transform:translate(0,-86px)}100%{transform:translate(0,0);opacity:0}}@keyframes move-10{0%{transform:translate(0,0)}99%{transform:translate(0,-86px)}100%{transform:translate(0,0);opacity:0}}`}</style>\n\n        <script\n          src=\"https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js\"\n          type=\"text/javascript\"\n        ></script>\n        <script type=\"text/javascript\">{`WebFont.load({google:{families:[\"Epilogue:regular,800\",\"Bebas Neue:regular\"]}})`}</script>\n\n        <script type=\"text/javascript\">{`!function(o,c){var n=c.documentElement,t=\" w-mod-\";n.className+=t+\"js\",(\"ontouchstart\"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+\"touch\")}(window,document)`}</script>\n\n        <link\n          rel=\"stylesheet\"\n          href=\"https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css\"\n        />\n        <link\n          rel=\"preload\"\n          as=\"image\"\n          href=\"/images/webflow/ocx-event/noise.gif\"\n        />\n      </Helmet>\n\n      <SEO seo={seo} themeColor={'#151517'} />\n      <div\n        className=\"webflow webflow-ocx-event\"\n        dangerouslySetInnerHTML={{ __html: OCX_EVENT }}\n      ></div>\n    </>\n  );\n};\n\nexport default OcxEvent;\n","const OCX_EVENT = `\n<body class=\"body\">\n  <div class=\"div-block-88\">\n    <div class=\"header wf-section\">\n      <div class=\"container w-container\">\n        <div class=\"div-block-11\">\n          <div class=\"div-block-7\">\n            <div class=\"div-block-6\"></div>\n            <div class=\"div-block-8\">\n              <div class=\"text-block-2\">ZURICH</div>\n              <div class=\"div-block-9\"></div>\n              <div class=\"text-block-2\">MAR. 9</div>\n              <div class=\"div-block-10\">\n                <div class=\"text-block-2\">1:30 pm</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"div-block-47\">\n            <a href=\"https://go.screver.com/capptoo/registration-scr-ocx\" class=\"link-block w-inline-block\">\n              <div class=\"button btn-header\">join the event</div>\n            </a>\n            <a href=\"https://go.screver.com/capptoo/registration-scr-ocx\" class=\"link-block-11 w-inline-block\">\n              <div class=\"w-embed\">\n                \n                <div id=\"gooey-button\" class=\"gooey-button-header\">\n                  <span class=\"gooey-button-text\">join the event</span>\n                  <span class=\"bubbles\">\n                    <span class=\"bubble\"></span>\n                    <span class=\"bubble\"></span>\n                    <span class=\"bubble\"></span>\n                    <span class=\"bubble\"></span>\n                    <span class=\"bubble\"></span>\n                    <span class=\"bubble\"></span>\n                    <span class=\"bubble\"></span>\n                    <span class=\"bubble\"></span>\n                    <span class=\"bubble\"></span>\n                    <span class=\"bubble\"></span>\n                  </span>\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\">\n                    <defs>\n                        <filter id=\"gooey\">\n                            <!-- in=\"sourceGraphic\" -->\n                            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"5\" result=\"blur\" />\n                            <feColorMatrix in=\"blur\" type=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"highContrastGraphic\" />\n                            <feComposite in=\"SourceGraphic\" in2=\"highContrastGraphic\" operator=\"atop\" />\n                        </filter>\n                    </defs>\n                  </svg>\n                </div>\n              </div>\n            </a>\n            <div class=\"text-block-2-copy\">Limited Capacity</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"hero-sec wf-section\">\n      <div class=\"div-block-82\"></div>\n      <div class=\"container hero-inner w-container\">\n        <div class=\"div-block\">\n          <h1 class=\"h1\">New era of<br>experiences</h1>\n          <div class=\"div-block-4\">\n            <div class=\"text-block\">Mar.9</div>\n            <div class=\"div-block-5\"></div>\n            <div class=\"text-block\">1:30  PM</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"div-block-81\"><img src=\"/images/webflow/ocx-event/radial.svg\" loading=\"lazy\" alt=\"\" class=\"image-23\">\n        <div class=\"w-embed\">\n          <style>\n            .hero-sec {\n              mix-blend-mode: lighten;\n            }\n\n            .hero-sec .background-video {\n              background-image: radial-gradient(50% 50% at 50% 50%, rgba(21, 21, 23, 0) 0%, #151517 100%);\n            }\n\n            .hero-sec .background-video video {\n              mix-blend-mode: hard-light;\n            }\n\n            @media screen and (min-width: 2561px) {\n              .hero-sec .div-block-81 {\n                top: calc(50% - 750px)\n              }\n            }\n          </style>\n        </div>\n        <div data-poster-url=\"/videos/webflow/ocx-event/Untitled-poster-00001.jpg\"\n          data-video-urls=\"/videos/webflow/ocx-event/Untitled-transcode.mp4,/videos/webflow/ocx-event/Untitled-transcode.webm\"\n          data-autoplay=\"true\" data-loop=\"true\" data-wf-ignore=\"true\"\n          class=\"background-video w-background-video w-background-video-atom\"><video\n            id=\"833c54ba-2b8c-eb5d-dea9-e232f426ed67-video\" autoplay=\"\" loop=\"\"\n            style=\"background-image:url(&quot;/videos/webflow/ocx-event/Untitled-poster-00001.jpg&quot;)\" muted=\"\"\n            playsinline=\"\" data-wf-ignore=\"true\" data-object-fit=\"cover\">\n            <source src=\"/videos/webflow/ocx-event/Untitled-transcode.mp4\" data-wf-ignore=\"true\">\n            <source src=\"/videos/webflow/ocx-event/Untitled-transcode.webm\" data-wf-ignore=\"true\">\n          </video></div>\n      </div>\n    </div>\n    <div data-w-id=\"d256e41d-2566-3fa7-c2e0-b9052148f2a7\" class=\"welcome-sec welcome-anim wf-section\">\n      <div class=\"div-block-83\"><img src=\"/images/webflow/ocx-event/CX.png\" loading=\"lazy\" sizes=\"100vw\"\n          srcset=\"/images/webflow/ocx-event/CX-p-500.png 500w, /images/webflow/ocx-event/CX-p-800.png 800w, /images/webflow/ocx-event/CX-p-1080.png 1080w, /images/webflow/ocx-event/CX.png 1344w\"\n          alt=\"\" class=\"image-93\"><img src=\"/images/webflow/ocx-event/OMNICHANNEL.png\" loading=\"lazy\" sizes=\"100vw\"\n          srcset=\"/images/webflow/ocx-event/OMNICHANNEL-p-500.png 500w, /images/webflow/ocx-event/OMNICHANNEL-p-800.png 800w, /images/webflow/ocx-event/OMNICHANNEL-p-1080.png 1080w, /images/webflow/ocx-event/OMNICHANNEL-p-1600.png 1600w, /images/webflow/ocx-event/OMNICHANNEL-p-2000.png 2000w, /images/webflow/ocx-event/OMNICHANNEL.png 2954w\"\n          alt=\"\" class=\"image-92\"><img src=\"/images/webflow/ocx-event/EX.png\" loading=\"lazy\" sizes=\"100vw\"\n          srcset=\"/images/webflow/ocx-event/EX-p-500.png 500w, /images/webflow/ocx-event/EX-p-800.png 800w, /images/webflow/ocx-event/EX-p-1080.png 1080w, /images/webflow/ocx-event/EX.png 1234w\"\n          alt=\"\" class=\"image-94\"></div>\n      <div class=\"div-block-85 container\">\n        <div class=\"div-block-86\"><img src=\"/images/webflow/ocx-event/C.png\" loading=\"lazy\" alt=\"\" class=\"image-c\"><img\n            src=\"/images/webflow/ocx-event/X.png\" loading=\"lazy\" alt=\"\" class=\"image-x-left\"></div>\n        <div class=\"div-block-87\"><img src=\"/images/webflow/ocx-event/E.png\" loading=\"lazy\" alt=\"\" class=\"image-e\"><img\n            src=\"/images/webflow/ocx-event/X.png\" loading=\"lazy\" alt=\"\" class=\"image-x-right\"></div><img\n          src=\"/images/webflow/ocx-event/OMNICHANNEL_1.png\" loading=\"lazy\"\n          sizes=\"(max-width: 1439px) 100vw, (max-width: 1919px) 1400px, 1478px\"\n          srcset=\"/images/webflow/ocx-event/OMNICHANNEL_1-p-500.png 500w, /images/webflow/ocx-event/OMNICHANNEL_1-p-800.png 800w, /images/webflow/ocx-event/OMNICHANNEL_1-p-1080.png 1080w, /images/webflow/ocx-event/OMNICHANNEL_1.png 1478w\"\n          alt=\"\" class=\"image-95\">\n      </div>\n      <div class=\"w-embed\">\n        <style>\n          .div-block-85.container {\n            top: calc(50vh - 200px);\n          }\n        </style>\n      </div>\n    </div>\n    <div class=\"section-5 wf-section\"><img src=\"/images/webflow/ocx-event/cx-ex-img_1.png\" loading=\"lazy\"\n        data-w-id=\"f21b6111-0e5c-61c7-2fe8-1aef953b8cd7\" sizes=\"100vw\"\n        srcset=\"/images/webflow/ocx-event/cx-ex-img_1-p-500.png 500w, /images/webflow/ocx-event/cx-ex-img_1-p-800.png 800w, /images/webflow/ocx-event/cx-ex-img_1-p-1080.png 1080w, /images/webflow/ocx-event/cx-ex-img_1-p-1600.png 1600w, /images/webflow/ocx-event/cx-ex-img_1-p-2000.png 2000w, /images/webflow/ocx-event/cx-ex-img_1.png 2251w\"\n        alt=\"\" class=\"image\"><img src=\"/images/webflow/ocx-event/Frame-2616_1.png\" loading=\"lazy\"\n        data-w-id=\"c37d19d5-e991-5347-81ac-673618647226\" sizes=\"100vw\"\n        srcset=\"/images/webflow/ocx-event/Frame-2616_1-p-500.png 500w, /images/webflow/ocx-event/Frame-2616_1-p-800.png 800w, /images/webflow/ocx-event/Frame-2616_1-p-1080.png 1080w, /images/webflow/ocx-event/Frame-2616_1.png 1128w\"\n        alt=\"\" class=\"image-mobile\">\n      <div class=\"container w-container\">\n        <div class=\"div-block-15\">\n          <div id=\"user-name-container\" class=\"text-block-4\"><span class=\"text-span-2\"> </span> We invite you to an\n            event where we introduce the next evolution of customer experience and our platform Screver\n            OCX.<br>‍<br>We’ll share some exciting news, show off a sneak peek of innovative features, and showcase how\n            AI shapes Voice of the Customer strategies.</div>\n          <div class=\"w-embed w-script\">\n            <script>\n              const insertName = () => {\n                const userContainer = document.querySelector('#user-name-container');\n                const userSpan = userContainer.querySelector('span');\n                if (!userContainer && !userSpan) return;\n                const urlParams = new URLSearchParams(window.location.search);\n                const userName = urlParams.get(\"name\");\n                const content = userName ?\n                  \\`Hi  <u style=\"font: inherit; color: #F1FB5A; text-decoration:none;\">\\${userName} 😉</u>\\` :\n                  \"Hi there 😉 \"\n                userSpan.innerHTML = content;\n              };\n              insertName();\n            </script>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"unique-format-sec wf-section\">\n      <div class=\"container w-container\">\n        <h2 class=\"h2\">a unique format</h2>\n        <div class=\"w-layout-grid grid\">\n          <div id=\"w-node-_1b644a0b-0cc7-f804-1ff9-2d612f5a8f83-2f5a8f83\" class=\"div-block-16\"><img\n              src=\"/images/webflow/ocx-event/Property-11.svg\" loading=\"lazy\" alt=\"\" class=\"image-2\">\n            <div class=\"text-block-5\">150+ industry executives<br></div>\n          </div>\n          <div id=\"w-node-_1b644a0b-0cc7-f804-1ff9-2d612f5a8f83-2f5a8f83\" class=\"div-block-16\"><img\n              src=\"/images/webflow/ocx-event/Property-1Variant7.svg\" loading=\"lazy\" alt=\"\" class=\"image-2\">\n            <div class=\"text-block-5\">iconic/hip location<br></div>\n          </div>\n          <div id=\"w-node-_1b644a0b-0cc7-f804-1ff9-2d612f5a8f83-2f5a8f83\" class=\"div-block-16\"><img\n              src=\"/images/webflow/ocx-event/Property-13.svg\" loading=\"lazy\" alt=\"\" class=\"image-2\">\n            <div class=\"text-block-5\">new features and cases on CX and EX<br></div>\n          </div>\n          <div id=\"w-node-_1b644a0b-0cc7-f804-1ff9-2d612f5a8f83-2f5a8f83\" class=\"div-block-16\"><img\n              src=\"/images/webflow/ocx-event/Property-14.svg\" loading=\"lazy\" alt=\"\" class=\"image-2\">\n            <div class=\"text-block-5\">live music - electro-funk, deep house &amp; smooth jazz<br></div>\n          </div>\n          <div id=\"w-node-_1b644a0b-0cc7-f804-1ff9-2d612f5a8f83-2f5a8f83\" class=\"div-block-16\"><img\n              src=\"/images/webflow/ocx-event/Property-12_1.svg\" loading=\"lazy\" alt=\"\" class=\"image-2\">\n            <div class=\"text-block-5\">grower champagne tasting<br></div>\n          </div>\n          <div id=\"w-node-_1b644a0b-0cc7-f804-1ff9-2d612f5a8f83-2f5a8f83\" class=\"div-block-16\"><img\n              src=\"/images/webflow/ocx-event/Property-12.svg\" loading=\"lazy\" alt=\"\" class=\"image-2\">\n            <div class=\"text-block-5\">poker, blackjack &amp; roulette challenge</div>\n          </div>\n          <div id=\"w-node-_1b644a0b-0cc7-f804-1ff9-2d612f5a8f83-2f5a8f83\" class=\"div-block-16\"><img\n              src=\"/images/webflow/ocx-event/Property-1Variant8.svg\" loading=\"lazy\" alt=\"\" class=\"image-2\">\n            <div class=\"text-block-5\">skydiving - jet stream - innovative energy sources</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"companies-sec wf-section\">\n      <div class=\"container w-container\">\n        <div class=\"div-block-18\">\n          <h2 class=\"h2\">fun and cool people to network with</h2>\n          <div class=\"div-block-17\">\n            <div class=\"text-reg\">The more kind, considerate, smart, and expert the attendees, the livelier and more\n              extraordinary our event. This is why we thoroughly chose our audience, so we will all enjoy an outstanding\n              and unforgettable experience. Limited capacity.</div>\n          </div>\n        </div>\n        <div class=\"w-layout-grid grid-2\"><img src=\"/images/webflow/ocx-event/logo-energy-vault.png\" loading=\"lazy\"\n            id=\"w-node-_5622791c-c909-cdd2-02ec-e8848a02b661-8a02b661\" alt=\"\"\n            sizes=\"(max-width: 479px) 97vw, (max-width: 991px) 96vw, (max-width: 1439px) 98vw, (max-width: 1919px) 1368px, 1568px\"\n            srcset=\"/images/webflow/ocx-event/logo-energy-vault-p-500.png 500w, /images/webflow/ocx-event/logo-energy-vault-p-800.png 800w, /images/webflow/ocx-event/logo-energy-vault.png 873w\"\n            class=\"logo-item\"><img src=\"/images/webflow/ocx-event/logo-europaprk.png\" loading=\"lazy\"\n            id=\"w-node-_5622791c-c909-cdd2-02ec-e8848a02b661-8a02b661\" alt=\"\"\n            sizes=\"(max-width: 479px) 93vw, (max-width: 991px) 96vw, 874px\"\n            srcset=\"/images/webflow/ocx-event/logo-europaprk-p-500.png 500w, /images/webflow/ocx-event/logo-europaprk-p-800.png 800w, /images/webflow/ocx-event/logo-europaprk.png 873w\"\n            class=\"logo-item\"><img src=\"/images/webflow/ocx-event/logo-glacier.png\" loading=\"lazy\"\n            id=\"w-node-_5622791c-c909-cdd2-02ec-e8848a02b661-8a02b661\" alt=\"\"\n            sizes=\"(max-width: 479px) 97vw, (max-width: 991px) 96vw, (max-width: 1439px) 98vw, (max-width: 1919px) 1368px, 1568px\"\n            srcset=\"/images/webflow/ocx-event/logo-glacier-p-500.png 500w, /images/webflow/ocx-event/logo-glacier-p-800.png 800w, /images/webflow/ocx-event/logo-glacier.png 873w\"\n            class=\"logo-item\"><img src=\"/images/webflow/ocx-event/logo-google.png\" loading=\"lazy\"\n            id=\"w-node-_5622791c-c909-cdd2-02ec-e8848a02b661-8a02b661\" alt=\"\"\n            sizes=\"(max-width: 479px) 97vw, (max-width: 991px) 96vw, (max-width: 1439px) 98vw, (max-width: 1919px) 1368px, 1568px\"\n            srcset=\"/images/webflow/ocx-event/logo-google-p-500.png 500w, /images/webflow/ocx-event/logo-google-p-800.png 800w, /images/webflow/ocx-event/logo-google.png 873w\"\n            class=\"logo-item\"><img src=\"/images/webflow/ocx-event/logo-grand-casino.png\" loading=\"lazy\"\n            id=\"w-node-_5622791c-c909-cdd2-02ec-e8848a02b661-8a02b661\" alt=\"\"\n            sizes=\"(max-width: 479px) 97vw, (max-width: 991px) 96vw, (max-width: 1439px) 98vw, (max-width: 1919px) 1368px, 1568px\"\n            srcset=\"/images/webflow/ocx-event/logo-grand-casino-p-500.png 500w, /images/webflow/ocx-event/logo-grand-casino-p-800.png 800w, /images/webflow/ocx-event/logo-grand-casino.png 873w\"\n            class=\"logo-item\"><img src=\"/images/webflow/ocx-event/logo-msd.png\" loading=\"lazy\"\n            id=\"w-node-_5622791c-c909-cdd2-02ec-e8848a02b661-8a02b661\" alt=\"\"\n            sizes=\"(max-width: 479px) 97vw, (max-width: 991px) 96vw, (max-width: 1439px) 98vw, (max-width: 1919px) 1368px, 1568px\"\n            srcset=\"/images/webflow/ocx-event/logo-msd-p-500.png 500w, /images/webflow/ocx-event/logo-msd.png 873w\"\n            class=\"logo-item\"><img src=\"/images/webflow/ocx-event/logo-nestle.png\" loading=\"lazy\"\n            id=\"w-node-_5622791c-c909-cdd2-02ec-e8848a02b661-8a02b661\" alt=\"\"\n            sizes=\"(max-width: 479px) 97vw, (max-width: 991px) 96vw, (max-width: 1439px) 98vw, (max-width: 1919px) 1368px, 1568px\"\n            srcset=\"/images/webflow/ocx-event/logo-nestle-p-500.png 500w, /images/webflow/ocx-event/logo-nestle-p-800.png 800w, /images/webflow/ocx-event/logo-nestle.png 873w\"\n            class=\"logo-item\"><img src=\"/images/webflow/ocx-event/logo-zhaw.png\" loading=\"lazy\"\n            id=\"w-node-_5622791c-c909-cdd2-02ec-e8848a02b661-8a02b661\" alt=\"\"\n            sizes=\"(max-width: 479px) 97vw, (max-width: 991px) 96vw, (max-width: 1439px) 98vw, (max-width: 1919px) 1368px, 1568px\"\n            srcset=\"/images/webflow/ocx-event/logo-zhaw-p-500.png 500w, /images/webflow/ocx-event/logo-zhaw-p-800.png 800w, /images/webflow/ocx-event/logo-zhaw.png 873w\"\n            class=\"logo-item\"></div>\n      </div><img src=\"/images/webflow/ocx-event/arrow.svg\" loading=\"lazy\"\n        data-w-id=\"1e28f072-34b8-b768-5444-4d7f5fa48d64\" alt=\"\" class=\"image-3\">\n    </div>\n    <div id=\"speaker-swiper\" class=\"section-4 wf-section\">\n      <div class=\"container w-container\">\n        <div class=\"w-embed\">\n          <style>\n            .swiper {\n              width: 100%;\n              height: 100%;\n            }\n\n            .swiper-slide {\n              background-position: center;\n              background-size: cover;\n            }\n\n            .swiper-slide img {\n              display: block;\n              width: 100%;\n              object-fit: cover;\n            }\n\n            body {\n              background-color: #151517;\n              color: #fff;\n            }\n\n            .ocx-slick-container {\n              margin-top: 100px;\n              padding: 100px 0;\n              margin-right: auto;\n              margin-left: auto;\n              position: relative;\n            }\n\n            .slider-video {\n              background-image: radial-gradient(50% 50% at 50% 50%, rgba(21, 21, 23, 0) 0%, #151517 100%)\n            }\n\n            .slider-video video {\n              mix-blend-mode: hard-light;\n            }\n\n            .ocx-slick-container * {\n              color: #fff;\n            }\n\n            .ocx-slick-container p {\n              margin: 0;\n            }\n\n            .ocx-slick-container__title {\n              position: absolute;\n              top: 100px;\n              left: 0;\n              width: 100%;\n              max-width: 960px;\n              font-size: 120px;\n              font-family: 'Epilogue';\n              font-weight: 800;\n              line-height: 90%;\n              letter-spacing: -0.02em;\n              z-index: 2;\n            }\n\n            .ocx-slick-speaker-slider {}\n\n            .ocx-slick-slide {\n              display: flex !important;\n              justify-content: flex-start;\n              align-items: flex-end;\n              margin: 0 auto;\n            }\n\n            .ocx-slick-text-wrap {\n              margin-right: -60px;\n              padding-top: 40px;\n              padding-bottom: 40px;\n              max-width: 614px;\n              border-top: 1px solid #fff;\n              transition: opacity 0.4s ease-in-out;\n              z-index: 2;\n              pointer-events: none;\n            }\n\n            .ocx-slick-img {\n              position: relative;\n              transform: translate(0, 300px) rotate(0deg) scale(0.5);\n              transition: all 0.2s linear;\n              max-width: 510px;\n              width: 100%;\n            }\n\n            .ocx-slick-img .slide-noise {\n              position: absolute;\n              inset: 0;\n              opacity: 0.125;\n            }\n\n            .ocx-slick-img::after {\n              content: '';\n              position: absolute;\n              inset: 0;\n              background-image: linear-gradient(250.31deg, rgba(0, 0, 0, 0) 56.15%, rgba(0, 0, 0, 0.7) 98.83%);\n              z-index: 1;\n            }\n\n            .ocx-slick-img img {\n              width: 100%;\n              height: 100%;\n            }\n\n            .ocx-slick-title {\n              margin-bottom: 8px !important;\n              font-family: 'Epilogue';\n              font-weight: 800;\n              font-size: 36px;\n              line-height: 104%;\n              letter-spacing: -0.02em;\n            }\n\n            .ocx-slick-text {}\n\n            .ocx-slick-text__position {\n              margin-bottom: 30px !important;\n              font-family: 'Aeroport', sans-serif;\n              font-weight: 400;\n              font-size: 18px;\n              line-height: 120%;\n              opacity: 0.8;\n            }\n\n            .ocx-slick-text__description {\n              font-family: 'Aeroport', sans-serif;\n              font-weight: 400;\n              font-size: 20px;\n              line-height: 120%;\n              letter-spacing: -0.02em;\n              opacity: 0.8;\n            }\n\n            /* slick */\n            .swiper-slide-active {\n              z-index: 1;\n            }\n\n            .swiper-slide-active .ocx-slick-img {\n              box-shadow: 50px 20px 35px -2px rgba(0, 0, 0, 35%);\n            }\n\n            .swiper {\n              padding-top: 100px !important;\n              padding-bottom: 100px !important;\n            }\n\n            .swiper-slide:not(.swiper-slide-active) .ocx-slick-text-wrap {\n              opacity: 0 !important;\n            }\n\n            .swiper-slide-next .ocx-slick-img {\n              transform: translate(280px, 50px) rotate(10deg) scale(0.85);\n            }\n\n            .swiper-slide-prev .ocx-slick-img::after {\n              background-image: linear-gradient(250.31deg, rgba(0, 0, 0, 0) 56.15%, rgba(0, 0, 0, 0.7) 98.83%);\n            }\n\n            .swiper-slide-active .ocx-slick-img,\n            .swiper-slide-prev .ocx-slick-img,\n            .swiper-slide-next .ocx-slick-img {\n              transition: all 0.4s ease-in-out;\n            }\n\n            .ocx-slick-container .swiper-pagination-bullets {\n              bottom: 196px !important;\n              left: -4px;\n              text-align: left !important;\n            }\n\n            .ocx-slick-container .swiper-pagination-bullet {\n              --swiper-pagination-bullet-size: 114px;\n              height: 1px !important;\n              background-color: #fff !important;\n              border-radius: 100px;\n              transition: all 0.2s linear;\n            }\n\n            .ocx-slick-container .swiper-button-next,\n            .ocx-slick-container .swiper-button-prev {\n              width: 81px;\n              height: 81px;\n              top: calc(100% - 260px);\n              transition: all 0.2s ease-in-out;\n              border-radius: 50%;\n              overflow: hidden;\n            }\n\n            .ocx-slick-container .swiper-button-prev {\n              left: calc(80%);\n              right: initial;\n            }\n\n            .ocx-slick-container .swiper-button-next {\n              left: calc(80% + 100px);\n              right: initial;\n            }\n\n            .ocx-slick-container .swiper-button-next::after,\n            .ocx-slick-container .swiper-button-prev::after {\n              content: none;\n            }\n\n            .ocx-slick-container .swiper-button-next *,\n            .ocx-slick-container .swiper-button-prev * {\n              transition: all 0.2s ease-in-out;\n            }\n\n            .swiper,\n            .swiper-wrapper {\n              height: auto;\n            }\n\n            .swiper-count {\n              position: absolute;\n              top: 100px;\n              right: 0;\n              font-size: 100px;\n              line-height: 102px;\n              font-weight: 700;\n              letter-spacing: -0.05em;\n              font-family: 'Epilogue', sans-serif;\n            }\n\n            .user-select-disable {\n              user-select: none;\n            }\n\n            .swiper-count,\n            .swiper-count__total,\n            .swiper-count__current {\n              color: rgba(255, 255, 255, 0);\n              -webkit-text-stroke-width: 0.5px;\n              -webkit-text-stroke-color: #fff;\n            }\n\n            @media screen and (min-width: 1401px) {\n              .ocx-slick-img {\n                width: 570px;\n                height: 680px;\n              }\n            }\n\n            @media screen and (max-width: 1400px) {\n              .ocx-slick-img {\n                width: 490px;\n                height: 630px;\n              }\n            }\n\n            @media screen and (min-width: 1200px) {\n\n              .ocx-slick-container .swiper-button-next:hover svg path,\n              .ocx-slick-container .swiper-button-prev:hover svg path {\n                stroke: #141414 !important;\n              }\n\n              .ocx-slick-container .swiper-button-next:hover svg rect,\n              .ocx-slick-container .swiper-button-prev:hover svg rect {\n                stroke: #F1FB5A !important;\n              }\n\n              .ocx-slick-container .swiper-button-next:hover,\n              .ocx-slick-container .swiper-button-prev:hover {\n                background-color: #F1FB5A;\n              }\n            }\n\n            @media screen and (max-width: 1199px) {\n              .ocx-slick-img {\n                height: auto;\n              }\n\n              .ocx-slick-container__title {\n                font-size: 100px;\n              }\n\n              .ocx-slick-title {\n                font-size: 30px;\n              }\n\n              .ocx-slick-text__position {\n                font-size: 16px;\n              }\n\n              .ocx-slick-text__description {\n                font-size: 18px;\n              }\n\n              .ocx-slick-container .swiper-button-prev {\n                left: initial;\n                right: 120px;\n              }\n\n              .ocx-slick-container .swiper-button-next {\n                left: initial;\n                right: 10px;\n              }\n            }\n\n            @media screen and (max-width: 991px) {\n              .ocx-slick-container__title {\n                font-size: 82px;\n              }\n\n              .ocx-slick-text-wrap {\n                max-width: 450px;\n              }\n\n              .ocx-slick-container__title {\n                top: 64px;\n              }\n\n              .ocx-slick-title {\n                font-size: 24px;\n              }\n\n              .ocx-slick-text__position {\n                margin-bottom: 16px !important;\n                font-size: 14px;\n              }\n\n              .ocx-slick-text__description {\n                font-size: 16px;\n              }\n\n              .ocx-slick-container .swiper-pagination-bullet {\n                --swiper-pagination-bullet-size: 83px;\n              }\n\n              .swiper-slide-next .ocx-slick-img {\n                transform: translate(170px, 50px) rotate(10deg) scale(0.85);\n              }\n            }\n\n            @media screen and (max-width: 767px) {\n              .ocx-slick-container {\n                margin-top: 40px;\n              }\n\n              .ocx-slick-slide {\n                flex-direction: column-reverse;\n              }\n\n              .ocx-slick-container__title {\n                font-size: 48px;\n              }\n\n              .ocx-slick-img img {\n                height: 100%;\n              }\n\n              .ocx-slick-text-wrap {\n                max-width: 100%;\n              }\n\n              .ocx-slick-text-wrap {\n                margin-right: 0;\n              }\n\n              .ocx-slick-text-wrap {\n                border-top: 0;\n              }\n\n              .swiper-wrapper {\n                border-bottom: 1px solid #fff;\n              }\n\n              .ocx-slick-container .swiper-pagination-bullets {\n                bottom: 120px !important;\n                text-align: center !important;\n              }\n\n              .ocx-slick-container .swiper-pagination-bullet {\n                --swiper-pagination-bullet-size: 12%;\n              }\n\n              .swiper-slide-prev .ocx-slick-img,\n              .swiper-slide-next .ocx-slick-img {\n                transform: translate(0, 0) rotate(0deg) scale(1);\n              }\n\n              .ocx-slick-img {\n                max-width: 100%;\n                width: 100%;\n                transform: none;\n              }\n\n              .swiper-button-next,\n              .swiper-button-prev,\n              .swiper-count {\n                display: none !important;\n              }\n            }\n\n            @media screen and (min-width: 768px) {\n              .swiper-slide .ocx-slick-img {\n                opacity: 0;\n                overflow: hidden;\n              }\n\n              .swiper-slide-prev .ocx-slick-img,\n              .swiper-slide-active .ocx-slick-img,\n              .swiper-slide-next .ocx-slick-img {\n                opacity: 1;\n              }\n\n              .swiper-slide:not(.swiper-slide-active) {\n                opacity: 1 !important;\n                z-index: -1;\n              }\n\n              .swiper-slide-prev .ocx-slick-img {\n                transform: translate(-170px, 50px) rotate(-10deg) scale(0.85);\n                opacity: 0.2;\n              }\n\n              .swiper-slide-active .ocx-slick-img {\n                transform: translate(0, 0) rotate(0deg) scale(1);\n              }\n            }\n          </style>\n        </div>\n        <div class=\"html-embed w-embed\">\n          <div class=\"ocx-slick-container\">\n            <p class=\"ocx-slick-container__title\">inspiring key speakers</p>\n            <div class=\"ocx-slick-speaker-slider swiper slick-speaker-slider-js\">\n              <div class=\"swiper-wrapper\">\n                <div class=\"ocx-slick-slide swiper-slide\">\n                  <div class=\"ocx-slick-text-wrap\">\n                    <p class=\"ocx-slick-title\">\n                      Our secret is coming out! Introducing The Next Evolution of Screver OCX 💙\n                    </p>\n                    <div class=\"ocx-slick-text\">\n                      <p class=\"ocx-slick-text__position\"><strong>Christian Fillinger</strong>, founder of Capptoo &amp;\n                        Screver</p>\n                      <p class=\"ocx-slick-text__description\">\n                        As a serial entrepreneur, Christian is never happy with the status quo and always on the outlook\n                        to\n                        shake things up. He continuously explores new business ideas, tests them and makes the promising\n                        ones a\n                        reality. Currently, there are 14 such ideas/concepts within C2 Inc (Capptoo Incubator).\n                      </p>\n                    </div>\n                  </div>\n                  <div class=\"ocx-slick-img\">\n                    <img class=\"slide-noise\" src=\"/images/webflow/ocx-event/noise.gif\" alt=\"\">\n                    <img src=\"/images/webflow/ocx-event/img-457.png\" alt=\"Christian Fillinger\">\n                  </div>\n                </div>\n                <div class=\"ocx-slick-slide swiper-slide\">\n                  <div class=\"ocx-slick-text-wrap\">\n                    <p class=\"ocx-slick-title\">\n                      Courage for the future – innovation of tomorrow\n                    </p>\n                    <div class=\"ocx-slick-text\">\n                      <p class=\"ocx-slick-text__position\"><strong>Marc Hauser</strong>, professional Swiss\n                        skydiver 🪂, artist and entrepreneur</p>\n                      <p class=\"ocx-slick-text__description\">\n                        As a pioneer who was the first to skydive through the jet stream, Hauser demonstrates the\n                        incredible\n                        energy potential of high-altitude wind power. BBC World News accompanied him with a three-part\n                        series.\n                        New ways of harnessing clean energy are one of the hopes for a sustainable future.\n                      </p>\n                    </div>\n                  </div>\n                  <div class=\"ocx-slick-img\">\n                    <img class=\"slide-noise\" src=\"/images/webflow/ocx-event/noise.gif\" alt=\"\">\n                    <img src=\"/images/webflow/ocx-event/img-458.png\" alt=\"Marc Hauser\">\n                  </div>\n                </div>\n                <div class=\"ocx-slick-slide swiper-slide\">\n                  <div class=\"ocx-slick-text-wrap\">\n                    <p class=\"ocx-slick-title\">\n                      Transformation into a new corporate culture. Taking effective measures to increase employee\n                      satisfaction\n                    </p>\n                    <div class=\"ocx-slick-text\">\n                      <p class=\"ocx-slick-text__position\"><strong>Jannine Hodel</strong>, HR Director Stadtcasino\n                        Baden Group</p>\n                      <p class=\"ocx-slick-text__description\">\n                        Stadtcasino Baden and its subsidiaries are one of the largest casino operators in Switzerland\n                        and active\n                        in both the online and traditional gaming space. More than 300,000 visitors enjoy The House of\n                        Entertainment, a glittering world with diverse experiences and first-class services every year.\n                      </p>\n                    </div>\n                  </div>\n                  <div class=\"ocx-slick-img\">\n                    <img class=\"slide-noise\" src=\"/images/webflow/ocx-event/noise.gif\" alt=\"\">\n                    <img src=\"/images/webflow/ocx-event/img-461.png\" alt=\"Jannine Hodel\">\n                  </div>\n                </div>\n                <div class=\"ocx-slick-slide swiper-slide\">\n                  <div class=\"ocx-slick-text-wrap\">\n                    <p class=\"ocx-slick-title\">\n                      “Our agile way” – increase agile-maturity based on a self-made assessment\n                    </p>\n                    <div class=\"ocx-slick-text\">\n                      <p class=\"ocx-slick-text__position\"><strong>Dr. Anja Huber</strong>, Agile Support ZHAW\n                        Finance & Services\n                      </p>\n                      <p class=\"ocx-slick-text__description\">\n                        The ZHAW is one of the leading universities of applied sciences in Switzerland with over 3'500\n                        employees\n                        and more than 14'000 students. ZHAW goes agile and is constantly assessing and improving its new\n                        way of\n                        working.\n                      </p>\n                    </div>\n                  </div>\n                  <div class=\"ocx-slick-img\">\n                    <img class=\"slide-noise\" src=\"/images/webflow/ocx-event/noise.gif\" alt=\"\">\n                    <img src=\"/images/webflow/ocx-event/img-456.png\" alt=\"Dr. Anja Huber\">\n                  </div>\n                </div>\n                <div class=\"ocx-slick-slide swiper-slide\">\n                  <div class=\"ocx-slick-text-wrap\">\n                    <p class=\"ocx-slick-title\">\n                      Customer Experience at Europa-Park Resort, Germany’s largest theme park\n                    </p>\n                    <div class=\"ocx-slick-text\">\n                      <p class=\"ocx-slick-text__position\"><strong>Pascal Weller</strong>, Customer Insights\n                        Manager & Project Manager Market Research at Europa-Park\n                      </p>\n                      <p class=\"ocx-slick-text__description\">\n                        Around 5,000 people work at Europa-Park, the Rulantica water world, and the associated themed\n                        hotels\n                        every day to put a smile on your face. Feedback plays a vital role in continuously improving the\n                        guest\n                        experience.\n                      </p>\n                    </div>\n                  </div>\n                  <div class=\"ocx-slick-img\">\n                    <img class=\"slide-noise\" src=\"/images/webflow/ocx-event/noise.gif\" alt=\"\">\n                    <img src=\"/images/webflow/ocx-event/img-459.png\" alt=\"Pascal Weller\">\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"swiper-pagination\"></div>\n            <div class=\"swiper-button-prev user-select-disable\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"81\" height=\"81\" fill=\"none\">\n                <path stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                  d=\"M37.393 27.5 24.5 40.5m0 0 12.893 13M24.5 40.5h32\"></path>\n                <rect width=\"79\" height=\"79\" x=\"-1\" y=\"1\" stroke=\"#fff\" stroke-width=\"2\" rx=\"39.5\"\n                  transform=\"matrix(-1 0 0 1 79 0)\"></rect>\n              </svg>\n            </div>\n            <div class=\"swiper-button-next user-select-disable\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"81\" height=\"81\" fill=\"none\">\n                <path stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                  d=\"m43.607 27.5 12.893 13m0 0-12.893 13m12.893-13h-32\"></path>\n                <rect width=\"79\" height=\"79\" x=\"1\" y=\"1\" stroke=\"#fff\" stroke-width=\"2\" rx=\"39.5\"></rect>\n              </svg>\n            </div>\n            <div class=\"swiper-count user-select-disable\">\n              <span class=\"swiper-count__current user-select-disable\"></span>/<span\n                class=\"swiper-count__total user-select-disable\"></span>\n            </div>\n          </div>\n        </div>\n        <div class=\"w-embed w-script\">\n          <script src=\"https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js\"></script>\n          <script>\n            var swiper = new Swiper(\".slick-speaker-slider-js\", {\n              spaceBetween: 30,\n              effect: \"fade\",\n              grabCursor: true,\n              pagination: {\n                el: \".swiper-pagination\",\n                clickable: true,\n              },\n              navigation: {\n                nextEl: \".swiper-button-next\",\n                prevEl: \".swiper-button-prev\",\n              },\n            });\n            const swiperCount = () => {\n              const slides = [...document.querySelectorAll('.ocx-slick-slide')];\n              const slidesCount = slides.length;\n              const slidesCurrentWrap = document.querySelector('.swiper-count__current').innerHTML = swiper\n                .activeIndex + 1;\n              const slidesTotalWrap = document.querySelector('.swiper-count__total').innerHTML = slidesCount;\n            };\n            swiperCount();\n            swiper.on('slideChange', () => swiperCount());\n          </script>\n        </div>\n      </div>\n      <div data-poster-url=\"/videos/webflow/ocx-event/Untitled-poster-00001.jpg\"\n        data-video-urls=\"/videos/webflow/ocx-event/Untitled-transcode.mp4,/videos/webflow/ocx-event/Untitled-transcode.webm\"\n        data-autoplay=\"true\" data-loop=\"true\" data-wf-ignore=\"true\"\n        class=\"slider-video w-background-video w-background-video-atom\"><video\n          id=\"36041aa5-3b7a-7ba5-d169-929158822cc2-video\" autoplay=\"\" loop=\"\"\n          style=\"background-image:url(&quot;/videos/webflow/ocx-event/Untitled-poster-00001.jpg&quot;)\" muted=\"\"\n          playsinline=\"\" data-wf-ignore=\"true\" data-object-fit=\"cover\">\n          <source src=\"/videos/webflow/ocx-event/Untitled-transcode.mp4\" data-wf-ignore=\"true\">\n          <source src=\"/videos/webflow/ocx-event/Untitled-transcode.webm\" data-wf-ignore=\"true\">\n        </video></div>\n    </div>\n    <div data-w-id=\"7c967916-6fb7-8c03-f9b9-e64cfa221b92\" class=\"speakers wf-section\">\n      <div class=\"container w-container\">\n        <h2 class=\"h2\"><strong>inspiring key speakers</strong></h2>\n        <div class=\"w-layout-grid grid-3\">\n          <div id=\"w-node-df9a0586-5f24-7f7a-dbce-5f70fba0d4eb-2dd0ed12\" class=\"speakers-item-1\"><img loading=\"lazy\"\n              sizes=\"100vw\"\n              srcset=\"/images/webflow/ocx-event/Frame-2616-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-p-800.png 800w, /images/webflow/ocx-event/Frame-2616-p-1080.png 1080w, /images/webflow/ocx-event/Frame-2616.png 1086w\"\n              src=\"/images/webflow/ocx-event/Frame-2616.png\" alt=\"\" class=\"image-4\">\n            <div class=\"div-block-21\">\n              <h3 class=\"heading\">Our secret is coming out! Introducing The Next Evolution of Screver OCX 💙</h3>\n              <div class=\"text-small\">Christian Fillinger, founder of Capptoo &amp; Screver</div>\n              <div class=\"div-block-20\">\n                <div class=\"text-reg\">As a serial entrepreneur, Christian is never happy with the status quo and always\n                  on the outlook to shake things up. He continuously explores new business ideas, tests them and makes\n                  the promising ones a reality. Currently, there are 14 such ideas/concepts within C2 Inc (Capptoo\n                  Incubator). </div>\n              </div>\n            </div>\n          </div>\n          <div id=\"w-node-_66cb8cc7-c286-3476-9568-6874228df24b-2dd0ed12\" class=\"speakers-item-2\"><img loading=\"lazy\"\n              sizes=\"100vw\"\n              srcset=\"/images/webflow/ocx-event/Frame-2616-1-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-1-p-800.png 800w, /images/webflow/ocx-event/Frame-2616-1.png 1086w\"\n              src=\"/images/webflow/ocx-event/Frame-2616-1.png\" alt=\"\" class=\"image-4\">\n            <div class=\"div-block-21\">\n              <h3 class=\"heading\">Courage for the future – innovation of tomorrow</h3>\n              <div class=\"text-small\">Marc Hauser, professional Swiss skydiver 🪂, artist and entrepreneur</div>\n              <div class=\"div-block-20\">\n                <div class=\"text-reg\">As a pioneer who was the first to skydive through the jet stream, Hauser\n                  demonstrates the incredible energy potential of high-altitude wind power. BBC World News accompanied\n                  him with a three-part series. New ways of harnessing clean energy are one of the hopes for a\n                  sustainable future.</div>\n              </div>\n            </div>\n          </div>\n          <div id=\"w-node-_4850fcad-978a-3f31-5622-59008728abeb-2dd0ed12\" class=\"speakers-item-3\"><img loading=\"lazy\"\n              sizes=\"100vw\"\n              srcset=\"/images/webflow/ocx-event/Frame-2616-4-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-4.png 1086w\"\n              src=\"/images/webflow/ocx-event/Frame-2616-4.png\" alt=\"\" class=\"image-4\">\n            <div class=\"div-block-21\">\n              <h3 class=\"heading\">Transformation into a new corporate culture. Taking effective measures to increase\n                employee satisfaction</h3>\n              <div class=\"text-small\">Jannine Hodel, HR Director Stadtcasino Baden Group</div>\n              <div class=\"div-block-20\">\n                <div class=\"text-reg\">Stadtcasino Baden and its subsidiaries are one of the largest casino operators in\n                  Switzerland and active in both the online and traditional gaming space. More than 300,000 visitors\n                  enjoy The House of Entertainment, a glittering world with diverse experiences and first-class services\n                  every year.</div>\n              </div>\n            </div>\n          </div>\n          <div id=\"w-node-a460d562-714e-bf02-fcb2-e142cff27992-2dd0ed12\" class=\"speakers-item-4\"><img loading=\"lazy\"\n              sizes=\"100vw\"\n              srcset=\"/images/webflow/ocx-event/Frame-2616-5-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-5-p-800.png 800w, /images/webflow/ocx-event/Frame-2616-5.png 1086w\"\n              src=\"/images/webflow/ocx-event/Frame-2616-5.png\" alt=\"\" class=\"image-4\">\n            <div class=\"div-block-21\">\n              <h3 class=\"heading\">“Our agile way” – increase agile-maturity based on a self-made assessment</h3>\n              <div class=\"text-small\">Dr. Anja Huber, Agile Support ZHAW Finance &amp; Services</div>\n              <div class=\"div-block-20\">\n                <div class=\"text-reg\">The ZHAW is one of the leading universities of applied sciences in Switzerland\n                  with over 3&#x27;500 employees and more than 14&#x27;000 students. ZHAW goes agile and is constantly\n                  assessing and improving its new way of working.<br></div>\n              </div>\n            </div>\n          </div>\n          <div id=\"w-node-_689fafa5-6bb5-3c75-6d53-287642d84f78-2dd0ed12\" class=\"speakers-item-5\"><img loading=\"lazy\"\n              sizes=\"100vw\"\n              srcset=\"/images/webflow/ocx-event/Frame-2616-2-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-2-p-800.png 800w, /images/webflow/ocx-event/Frame-2616-2.png 1086w\"\n              src=\"/images/webflow/ocx-event/Frame-2616-2.png\" alt=\"\" class=\"image-4\">\n            <div class=\"div-block-21\">\n              <h3 class=\"heading\">Customer Experience at Europa-Park Resort, Germany’s largest theme park</h3>\n              <div class=\"text-small\">Pascal Weller, Customer Insights Manager &amp; Project Manager Market Research at\n                Europa-Park<br></div>\n              <div class=\"div-block-20\">\n                <div class=\"text-reg\">Around 5,000 people work at Europa-Park, the Rulantica water world, and the\n                  associated themed hotels every day to put a smile on your face. Feedback plays a vital role in\n                  continuously improving the guest experience.</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"speakers-slider wf-section\">\n      <div class=\"container-2 w-container\">\n        <div data-delay=\"4000\" data-animation=\"slide\" class=\"slider-2 w-slider\" data-autoplay=\"false\" data-easing=\"ease\"\n          data-hide-arrows=\"false\" data-disable-swipe=\"false\" data-autoplay-limit=\"0\" data-nav-spacing=\"10\"\n          data-duration=\"500\" data-infinite=\"true\">\n          <div class=\"slider-content w-slider-mask\">\n            <div class=\"testimonials-slide-qn w-slide\">\n              <div class=\"slide-content\">\n                <div id=\"w-node-_7ff7e884-2742-e368-726e-73199955aa87-9955aa87\" class=\"speakers-item\"><img\n                    src=\"/images/webflow/ocx-event/Frame-2616.png\" loading=\"lazy\" alt=\"\" sizes=\"100vw\"\n                    srcset=\"/images/webflow/ocx-event/Frame-2616-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-p-800.png 800w, /images/webflow/ocx-event/Frame-2616-p-1080.png 1080w, /images/webflow/ocx-event/Frame-2616.png 1086w\"\n                    class=\"image-4\">\n                  <div class=\"div-block-21\">\n                    <h3 class=\"heading\">Our secret is coming out! Introducing The Next Evolution of Screver OCX 💙</h3>\n                    <div class=\"text-small\">Christian Fillinger: Founder of Capptoo &amp; Screver</div>\n                    <div class=\"div-block-20\">\n                      <div class=\"text-reg\">As a serial entrepreneur, Christian is never happy with the status quo and\n                        always on the outlook to shake things up. He continuously explores new business ideas, tests\n                        them and makes the promising ones a reality. Currently, there are 14 such ideas/concepts within\n                        C2 Inc (Capptoo Incubator). </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"testimonials-slide-qn-copy w-slide\">\n              <div class=\"slide-content\">\n                <div id=\"w-node-_7ff7e884-2742-e368-726e-73199955aa87-9955aa87\" class=\"speakers-item\"><img\n                    src=\"/images/webflow/ocx-event/Frame-2616-1.png\" loading=\"lazy\" alt=\"\" sizes=\"100vw\"\n                    srcset=\"/images/webflow/ocx-event/Frame-2616-1-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-1-p-800.png 800w, /images/webflow/ocx-event/Frame-2616-1.png 1086w\"\n                    class=\"image-4\">\n                  <div class=\"div-block-21\">\n                    <h3 class=\"heading\">Courage for the future – innovation of tomorrow</h3>\n                    <div class=\"text-small\">Marc Hauser, Professional Swiss skydiver 🪂, artist and entrepreneur</div>\n                    <div class=\"div-block-20\">\n                      <div class=\"text-reg\">As a pioneer who was the first to skydive through the jetstream, Hauser\n                        demonstrates the incredible energy potential of high-altitude wind power. BBC World News\n                        accompanied him with a three-part series. New ways of harnessing clean energy are one of the\n                        hopes for a sustainable future.</div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"w-slide\">\n              <div class=\"slide-content\">\n                <div id=\"w-node-_7ff7e884-2742-e368-726e-73199955aa87-9955aa87\" class=\"speakers-item\"><img\n                    src=\"/images/webflow/ocx-event/Frame-2616-4.png\" loading=\"lazy\" alt=\"\" sizes=\"100vw\"\n                    srcset=\"/images/webflow/ocx-event/Frame-2616-4-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-4.png 1086w\"\n                    class=\"image-4\">\n                  <div class=\"div-block-21\">\n                    <h3 class=\"heading\">Transformation into a new corporate culture. Taking effective measures to\n                      increase employee satisfaction</h3>\n                    <div class=\"text-small\">Jannine Hodel, HR Director Stadtcasino Baden Group</div>\n                    <div class=\"div-block-20\">\n                      <div class=\"text-reg\">Stadtcasino Baden and its subsidiaries are one of the largest casino\n                        operators in Switzerland and active in both the online and traditional gaming space. More than\n                        300,000 visitors enjoy The House of Entertainment, a glittering world with diverse experiences\n                        and first-class services every year.</div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"w-slide\">\n              <div class=\"slide-content\">\n                <div id=\"w-node-_7ff7e884-2742-e368-726e-73199955aa87-9955aa87\" class=\"speakers-item\"><img\n                    src=\"/images/webflow/ocx-event/Frame-2616-5.png\" loading=\"lazy\" alt=\"\" sizes=\"100vw\"\n                    srcset=\"/images/webflow/ocx-event/Frame-2616-5-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-5-p-800.png 800w, /images/webflow/ocx-event/Frame-2616-5.png 1086w\"\n                    class=\"image-4\">\n                  <div class=\"div-block-21\">\n                    <h3 class=\"heading\">“Our agile way” - increase agile-maturity based on an self-made assessment</h3>\n                    <div class=\"text-small\">Dr. Anja Huber, Agile Support ZHAW Finance &amp; Services</div>\n                    <div class=\"div-block-20\">\n                      <div class=\"text-reg\">The ZHAW is one of the leading universities of applied sciences in\n                        Switzerland with over 3&#x27;500 employees and more than 14&#x27;000 students. ZHAW goes agile\n                        and is constantly assessing and improving its new way of working.<br></div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"w-slide\">\n              <div class=\"slide-content\">\n                <div id=\"w-node-_7ff7e884-2742-e368-726e-73199955aa87-9955aa87\" class=\"speakers-item\"><img\n                    src=\"/images/webflow/ocx-event/Frame-2616-2.png\" loading=\"lazy\" alt=\"\" sizes=\"100vw\"\n                    srcset=\"/images/webflow/ocx-event/Frame-2616-2-p-500.png 500w, /images/webflow/ocx-event/Frame-2616-2-p-800.png 800w, /images/webflow/ocx-event/Frame-2616-2.png 1086w\"\n                    class=\"image-4\">\n                  <div class=\"div-block-21\">\n                    <h3 class=\"heading\">Customer Experience at Germany&#x27;s largest adventure resort</h3>\n                    <div class=\"text-small\">Pascal Weller, Customer Insights Manager &amp; Projektleiter Marktforschung\n                      at Europa-Park</div>\n                    <div class=\"div-block-20\">\n                      <div class=\"text-reg\">Around 5,000 people work at Europa-Park, the Rulantica water world, and the\n                        associated themed hotels every day to put a smile on your face. Feedback plays a vital role in\n                        continuously improving the guest experience.</div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"left-arrow w-slider-arrow-left\"></div>\n          <div class=\"right-arrow w-slider-arrow-right\"></div>\n          <div class=\"slide-nav-2 w-slider-nav w-round\"></div>\n          <div class=\"w-embed\">\n            <style>\n              .w-slider-dot {\n                background: #333335;\n                width: 10px;\n                height: 10px;\n                overflow: hidden;\n                transform: translateZ(0);\n              }\n\n              .w-slider-dot.w-active {\n                color: #FFFFFF;\n                width: 10px;\n                height: 10px;\n                background: #FFFFFF;\n                overflow: hidden;\n                transform: translateZ(0);\n              }\n            </style>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div data-w-id=\"2e828f3f-c76e-dac9-fbda-e8311b6b2e25\" class=\"carly-sec wf-section\">\n      <div class=\"the-overflow-hidden-mask-copy\">\n        <div class=\"the-width-400vh-scrollable-div-2\">\n          <div class=\"the-content\">\n            <div class=\"text-block-12\">Live music</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">Vocal</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">Piano</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">saxophone</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">DJ</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">Funk</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">Jazz</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">R&amp;B</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">Live music</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">Vocal</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">Piano</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">Live music</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">saxophone</div>\n            <div class=\"div-block-79\"></div>\n            <div class=\"text-block-12\">Vocal</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"container-carly w-container\">\n        <div class=\"div-block-25\">\n          <div class=\"div-block-45\">\n            <div class=\"div-block-26\">\n              <div class=\"div-block-23\">\n                <div class=\"text-block-6\">Special guest</div>\n                <div class=\"div-block-22\"></div>\n              </div>\n              <div class=\"h2 h2-black\">Carly Simone</div>\n            </div>\n            <div class=\"the-overflow-hidden-mask\">\n              <div class=\"the-width-400vh-scrollable-div-2\">\n                <div class=\"the-content\">\n                  <div class=\"text-block-12\">Live music</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">Vocal</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">Piano</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">saxophone</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">DJ</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">Funk</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">Jazz</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">R&amp;B</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">Live music</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">Vocal</div>\n                  <div class=\"div-block-79\"></div>\n                  <div class=\"text-block-12\">Piano</div>\n                </div>\n              </div>\n            </div><img src=\"/images/webflow/ocx-event/Screenshot-2022-12-01-at-16.58-1.png\" loading=\"lazy\"\n              sizes=\"(max-width: 479px) 160px, (max-width: 991px) 250px, (max-width: 1919px) 300px, 450px\"\n              srcset=\"/images/webflow/ocx-event/Screenshot-2022-12-01-at-16.58-1-p-500.png 500w, /images/webflow/ocx-event/Screenshot-2022-12-01-at-16.58-1-p-800.png 800w, /images/webflow/ocx-event/Screenshot-2022-12-01-at-16.58-1.png 891w\"\n              alt=\"\" class=\"image-5\">\n          </div>\n          <div class=\"div-block-46\">\n            <div class=\"text-block-11\">Vote for the song you&#x27;d like to listen live?</div>\n            <div class=\"w-embed\">\n              <style>\n                ul {\n                  list-style: none;\n                  margin: 0;\n                  padding: 0;\n                }\n\n                .audio-player {\n                  --seek-before-width: 0%;\n                  --volume-before-width: 100%;\n                  --buffered-width: 0%;\n                  padding: 12px;\n                  display: flex;\n                  justify-content: flex-start;\n                  align-items: center;\n                  background: rgba(45, 45, 58, 0.1);\n                  border-radius: 21px;\n                }\n\n                .audio-player .play-icon {\n                  padding: 0;\n                  border: 0;\n                  background: transparent;\n                  cursor: pointer;\n                  outline: none;\n                  width: 40px;\n                  height: 40px;\n                  background-size: contain;\n                  background-repeat: no-repeat;\n                  background-position: center;\n                  background-image: url('https://capptoo.com/globalassets/general/play-icon.svg');\n                  transition: transform 0.1s linear;\n                  flex: none;\n                }\n\n                .audio-player .play-icon:hover {\n                  transform: scale(1.05);\n                }\n\n                .audio-player .play-icon.pause-icon {\n                  background-image: url('https://capptoo.com/globalassets/general/pause-icon.svg');\n                }\n\n                .audio-player input[type=\"range\"] {\n                  position: relative;\n                  -webkit-appearance: none;\n                  /* width: 48%; */\n                  /* margin: 0; */\n                  padding: 0;\n                  outline: none;\n                }\n\n                .audio-player input[type=\"range\"]::-webkit-slider-runnable-track {\n                  width: 100%;\n                  height: 3px;\n                  cursor: pointer;\n                  background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));\n                }\n\n                .audio-player input[type=\"range\"]::-webkit-slider-thumb {\n                  position: relative;\n                  -webkit-appearance: none;\n                  box-sizing: content-box;\n                  height: 11px;\n                  width: 11px;\n                  border-radius: 50%;\n                  background-color: #fff;\n                  cursor: pointer;\n                  margin: -4px 0 0 0;\n                }\n\n                .audio-player input[type=\"range\"]:active::-webkit-slider-thumb {\n                  transform: scale(1.2);\n                  background: #fff;\n                }\n\n                .audio-player input[type=\"range\"]::-moz-range-track {\n                  width: 100%;\n                  height: 3px;\n                  cursor: pointer;\n                  background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));\n                }\n\n                .audio-player input[type=\"range\"]::-moz-range-progress {\n                  background-color: #fff;\n                }\n\n                .audio-player input[type=\"range\"]::-moz-focus-outer {\n                  border: 0;\n                }\n\n                .audio-player input[type=\"range\"]::-moz-range-thumb {\n                  box-sizing: content-box;\n                  border: 1px solid #fff;\n                  height: 15px;\n                  width: 15px;\n                  border-radius: 50%;\n                  background-color: #fff;\n                  cursor: pointer;\n                }\n\n                .audio-player input[type=\"range\"]:active::-moz-range-thumb {\n                  transform: scale(1.2);\n                }\n\n                .audio-player input[type=\"range\"]::-ms-track {\n                  width: 100%;\n                  height: 3px;\n                  cursor: pointer;\n                  background: transparent;\n                  border: solid transparent;\n                  color: transparent;\n                }\n\n                .audio-player input[type=\"range\"]::-ms-fill-lower {\n                  background-color: #fff;\n                }\n\n                .audio-player input[type=\"range\"]::-ms-fill-upper {\n                  background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));\n                }\n\n                .audio-player input[type=\"range\"]::-ms-thumb {\n                  box-sizing: content-box;\n                  border: 1px solid #fff;\n                  height: 15px;\n                  width: 15px;\n                  border-radius: 50%;\n                  background-color: #fff;\n                  cursor: pointer;\n                }\n\n                .audio-player .sound-vote {\n                  margin-left: auto;\n                  padding: 0;\n                  display: flex;\n                  justify-content: center;\n                  align-items: center;\n                  gap: 4px;\n                  width: 40px;\n                  height: 40px;\n                  border-radius: 12px;\n                  border: 0;\n                  background-color: rgba(255, 255, 255, 1);\n                  background-size: 20px 25px;\n                  background-position: center;\n                  background-repeat: no-repeat;\n                  background-image: url('https://capptoo.com/globalassets/general/fire-icon.png');\n                  transition: all 0.2s linear;\n                  cursor: pointer;\n                  flex: none;\n                }\n\n                .audio-player .sound-vote svg,\n                .audio-player .sound-vote span {\n                  display: none;\n                }\n\n                .audio-player .sound-vote:not(.voted):hover {\n                  background-color: rgba(255, 255, 255, 0);\n                  transform: scale(1.2);\n                  cursor: pointer;\n                }\n\n                .audio-player .sound-vote.my-vote,\n                .audio-player .sound-vote.voted {\n                  width: 57px;\n                  height: 40px;\n                  background-color: rgba(16, 16, 16, 0.2);\n                  background-size: none;\n                  background-image: none;\n                  border-radius: 10px;\n                }\n\n                .audio-player .sound-vote.voted svg,\n                .audio-player .sound-vote.voted span,\n                .audio-player .sound-vote.my-vote svg,\n                .audio-player .sound-vote.my-vote span {\n                  display: block;\n                  pointer-events: none;\n                }\n\n                .audio-player .sound-vote.voted span,\n                .audio-player .sound-vote.my-vote span {\n                  font-family: 'Aeroport', sans-serif;\n                  font-style: normal;\n                  font-weight: 700;\n                  font-size: 14px;\n                  line-height: 19px;\n                  letter-spacing: -0.055em;\n                  color: #1C1C1F;\n                }\n\n                .audio-player .seek-slider {\n                  background: #1C1C1F;\n                  opacity: 0.1;\n                  border-radius: 176.015px;\n                  height: 11px;\n                  width: 75%;\n                  margin: 0 8px;\n                }\n\n                #player-wrapper .song-name {\n                  margin-top: 5px;\n                  margin-left: 12px;\n                  margin-bottom: 0;\n                  font-family: 'Aeroport', sans-serif;\n                  font-style: normal;\n                  font-weight: 700;\n                  font-size: 16px;\n                  line-height: 22px;\n                  letter-spacing: -0.055em;\n                  color: #000000;\n                }\n\n                #player-wrapper {\n                  display: flex;\n                  justify-content: flex-start;\n                  align-items: center;\n                  flex-wrap: wrap;\n                  padding-left: 0;\n                }\n\n                #player-wrapper>li {\n                  display: flex;\n                  flex-direction: column;\n                  width: calc(25% - 24px);\n                  padding: 15px 12px;\n                }\n\n                .block-vote {\n                  pointer-events: none;\n                }\n\n                @media screen and (max-width: 1023px) {\n\n                  /* #player-wrapper {\n        display: block;\n      } */\n                  #player-wrapper>li+li {\n                    margin-top: 12px;\n                  }\n\n                  #player-wrapper>li {\n                    flex-direction: row-reverse;\n                    justify-content: space-between;\n                    align-items: center;\n                    width: calc(50% - 24px);\n                    padding: 12px;\n                  }\n\n                  .audio-player {\n                    padding: 8px;\n                    width: 80%;\n                  }\n\n                  .audio-player .seek-slider {\n                    width: 80%;\n                  }\n\n                  /* .audio-player .play-icon,\n      .audio-player .sound-vote {\n        width: 34px;\n        height: 34px;\n      } */\n                  .audio-player .sound-vote {\n                    background-size: 20px 23px;\n                  }\n\n                  #player-wrapper .song-name {\n                    margin-top: 0;\n                    margin-left: 0;\n                    margin-right: 8px;\n                    width: 20%;\n                  }\n                }\n\n                @media screen and (max-width: 991px) {\n                  .audio-player {\n                    padding: 8px;\n                    border-radius: 16px;\n                    flex: 0 0 70%;\n                    gap: 8px;\n                  }\n\n                  #player-wrapper .song-name {\n                    margin-top: 1px;\n                    margin-left: 0px;\n                  }\n                }\n\n                @media screen and (max-width: 767px) {\n                  #player-wrapper {\n                    display: block;\n                  }\n\n                  #player-wrapper>li+li {\n                    margin-top: 8px;\n                  }\n\n                  #player-wrapper>li {\n                    width: 100%;\n                    padding: 0;\n                  }\n\n                  .audio-player .seek-slider {\n                    width: 80%;\n                    height: 6px;\n                  }\n\n                  .audio-player input[type=\"range\"]::-webkit-slider-thumb {\n                    width: 6px;\n                    height: 6px;\n                    margin: -2px 0 0 0;\n                  }\n\n                  .audio-player .sound-vote {\n                    width: 42px;\n                    height: 42px;\n                  }\n\n                  #player-wrapper .song-name {\n                    margin-left: 0 !important;\n                  }\n                }\n\n                @media screen and (max-width: 575px) {\n                  .audio-player .seek-slider {\n                    width: 55%;\n                  }\n\n                  #player-wrapper .song-name {\n                    font-size: 14px;\n                    margin-top: 0;\n                  }\n                }\n\n                @media screen and (min-width: 768px) {\n                  #player-wrapper {\n                    margin-left: -12px;\n                  }\n                }\n              </style>\n            </div>\n            <div class=\"w-embed w-script\">\n              <ul id=\"player-wrapper\">\n                <script>\n                  const array = fetch('https://screver-ocx-event.test-dev.site/get.php')\n                    .then(response => response.json())\n                    .then(response => {\n                      const data = response.slice(1);\n                      const localStorageIsVote = localStorage.getItem('isVote') ? localStorage.getItem('isVote') : [];\n                      const rows = data.map(item => {\n                          return \\`\n              <li>\n                <div class=\"audio-player\">\n                  <audio class=\"audio-track\" src=\"\\${item[1]}\" preload=\"metadata\"\n                    loop></audio>\n                  <button class=\"play-icon\"></button>\n                  <input type=\"range\" class=\"seek-slider\" max=\"100\" value=\"0\">\n                  <button type=\"button\"\n                    class=\"sound-vote \\${localStorageIsVote.includes(item[0]) ? 'my-vote' : ''}\"\n                    data-index=\"\\${item[0]}\"\n                    data-vote=\"\\${item[3]}\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" fill=\"none\">\n                      <path stroke=\"#101010\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"m4.213 9.44 2.667 2.667 6.666-6.667\" /></svg>\n                      <span>\n                        \\${item[3]}\n                      </span>\n                  </button>\n                </div>\n                <p class=\"song-name\">\\${item[2]}</p>\n              </li>\n            \\`\n                        })\n                        .filter(i => i)\n                        .join('');\n                      document\n                        .getElementById('player-wrapper')\n                        .innerHTML = rows;\n                    })\n                    .then(() => {\n                      const audioPlayerContainer = document.querySelectorAll('.audio-player');\n                      const allAudio = document.querySelectorAll('.audio-track');\n                      const allPlayBtns = document.querySelectorAll('.play-icon');\n                      const createAudioPlayer = (player) => {\n                        const playIconContainer = player.querySelector('.play-icon');\n                        const audio = player.querySelector('.audio-track');\n                        const seekSlider = player.querySelector('.seek-slider');\n                        const soundVote = player.querySelector('.sound-vote');\n                        playIconContainer.addEventListener('click', (e) => {\n                          Array.from(allAudio).forEach(track => {\n                            if (track.currentTime !== 0) {\n                              track.pause();\n                            }\n                          });\n                          Array.from(allPlayBtns).forEach(btn => btn.classList.remove('pause-icon'));\n                          if (audio.currentTime === 0) {\n                            audio.play();\n                            requestAnimationFrame(whilePlaying);\n                            e.target.classList.add('pause-icon');\n                            Array.from(allAudio).forEach(track => {\n                              if (track.currentTime !== 0) {\n                                track.currentTime = 0;\n                              }\n                            });\n                          }\n                          if (audio.currentTime > 0) {\n                            audio.currentTime = 0;\n                            audio.pause();\n                            cancelAnimationFrame(raf);\n                            e.target.classList.remove('pause-icon');\n                          }\n                        });\n                        const showRangeProgress = (rangeInput) => {\n                          if (rangeInput === seekSlider) player.style.setProperty('--seek-before-width',\n                            rangeInput\n                            .value /\n                            rangeInput.max * 100 + '%');\n                          else player.style.setProperty('--volume-before-width', rangeInput.value / rangeInput\n                            .max *\n                            100 +\n                            '%');\n                        }\n                        seekSlider.addEventListener('input', (e) => {\n                          showRangeProgress(e.target);\n                        });\n                        let raf = null;\n                        const setSliderMax = () => {\n                          seekSlider.max = Math.floor(audio.duration);\n                        }\n                        const displayBufferedAmount = () => {\n                          const bufferedAmount = Math.floor(audio.buffered.end(audio.buffered.length - 1));\n                          player.style.setProperty('--buffered-width',\n                            \\`\\${(bufferedAmount / seekSlider.max) * 100}%\\`);\n                        }\n                        const whilePlaying = () => {\n                          seekSlider.value = Math.floor(audio.currentTime);\n                          player.style.setProperty('--seek-before-width',\n                            \\`\\${seekSlider.value / seekSlider.max * 100}%\\`);\n                          raf = requestAnimationFrame(whilePlaying);\n                        }\n                        if (audio.readyState > 0) {\n                          setSliderMax();\n                        } else {\n                          audio.addEventListener('loadedmetadata', () => {\n                            setSliderMax();\n                          });\n                        }\n                        seekSlider.addEventListener('input', () => {\n                          if (!audio.paused) {\n                            cancelAnimationFrame(raf);\n                          }\n                        });\n                        seekSlider.addEventListener('change', () => {\n                          audio.currentTime = seekSlider.value;\n                          if (!audio.paused) {\n                            requestAnimationFrame(whilePlaying);\n                          }\n                        });\n                        // if (localStorage.getItem('isVote')) {\n                        //   return;\n                        // } else {\n                        soundVote.addEventListener('click', (e) => {\n                          e.preventDefault();\n                          e.stopPropagation()\n                          const index = e.target.getAttribute('data-index');\n                          const vote = e.target.getAttribute('data-vote');\n                          const data = new FormData();\n                          data.append('index', index);\n                          data.append('vote', Number(vote) + 1);\n                          let isVote = e.target.classList.contains('voted') ||\n                            e.target.classList.contains('my-vote');\n                          if (isVote) {\n                            data.append('vote', Number(vote) - 1);\n                            e.target.classList.remove('voted');\n                            e.target.classList.remove('my-vote');\n                          } else {\n                            data.append('vote', Number(vote) + 1);\n                            e.target.classList.add('voted');\n                            e.target.classList.add('my-vote');\n                          }\n                          fetch('https://screver-ocx-event.test-dev.site/update.php', {\n                              method: 'POST',\n                              body: data\n                            })\n                            .then(response => response.json())\n                            .then(() => {\n                              let storage = [];\n                              storage = JSON.parse(localStorage.getItem('isVote')) || [];\n                              if (!isVote) {\n                                storage.push(index);\n                                localStorage.setItem('isVote', JSON.stringify(storage));\n                              } else {\n                                if (storage.indexOf(index) > -1) {\n                                  storage.splice(storage.indexOf(index), 1);\n                                  localStorage.setItem('isVote', JSON.stringify(storage));\n                                }\n                              }\n                            })\n                          // Array.from(document.querySelectorAll('.sound-vote')).forEach(btn => btn.style.pointerEvents =\n                          //   'none');\n                        })\n                        // }\n                      };\n                      audioPlayerContainer.forEach(createAudioPlayer);\n                    })\n                </script>\n              </ul>\n            </div>\n          </div>\n        </div><img src=\"/images/webflow/ocx-event/Component-4.svg\" loading=\"lazy\" alt=\"\" class=\"image-19-copy\">\n      </div>\n    </div>\n    <div class=\"program wf-section\">\n      <div class=\"container w-container\">\n        <h2 class=\"h2\">program</h2>\n        <div class=\"program-inner\">\n          <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b79e\" class=\"div-block-29\">\n            <div class=\"text-reg\">Introduction – welcome at Screver &amp; Capptoo</div>\n            <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b7a1\" class=\"text-reg-bold\">Christian Fillinger</div>\n          </div>\n          <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b79e\" class=\"div-block-29\">\n            <div class=\"text-reg\">Courage for the future – innovation of tomorrow</div>\n            <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b7a1\" class=\"text-reg-bold\">Marc Hauser</div>\n          </div>\n          <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b79e\" class=\"div-block-29\">\n            <div class=\"text-reg\">Our secret is coming out! Introducing The Next Evolution of Screver OCX 💙</div>\n            <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b7a1\" class=\"text-reg-bold\">Christian Fillinger</div>\n          </div>\n          <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b79e\" class=\"div-block-29\">\n            <div class=\"text-reg\">Transformation into a new corporate culture. Taking effective measures to increase\n              employee satisfaction, Stadtcasino Baden Group</div>\n            <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b7a1\" class=\"text-reg-bold\">Jannine Hodel</div>\n          </div>\n          <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b79e\" class=\"div-block-29\">\n            <div class=\"text-reg\">Break-out sessions for design &amp; storytelling in CX; Unicorns – our way</div>\n            <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b7a1\" class=\"text-reg-bold\">Various presenters</div>\n          </div>\n          <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b79e\" class=\"div-block-29\">\n            <div class=\"text-reg\">“Our agile way” – increase agile-maturity based on a self-made assessment, ZHAW </div>\n            <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b7a1\" class=\"text-reg-bold\">Dr. Anja Huber</div>\n          </div>\n          <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b79e\" class=\"div-block-29\">\n            <div class=\"text-reg\">Customer Experience at Europa-Park Resort, Germany’s largest theme park</div>\n            <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b7a1\" class=\"text-reg-bold\">Pascal Weller</div>\n          </div>\n          <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b79e\" class=\"div-block-29\">\n            <div class=\"text-reg\">Live music: electro-funk, deep house, and smooth jazz</div>\n            <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b7a1\" class=\"text-reg-bold\">Carly Simone</div>\n          </div>\n          <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b79e\" class=\"div-block-29\">\n            <div class=\"text-reg\">Networking, grower champagne tasting 🥂, flying dinner🍴, poker, blackjack &amp;\n              roulette ♣️♦️</div>\n            <div data-w-id=\"df12dd8d-1b52-e235-37c1-efb2de58b7a1\" class=\"text-reg-bold\"><br></div>\n          </div>\n        </div>\n      </div><img src=\"/images/webflow/ocx-event/radial.svg\" loading=\"lazy\" alt=\"\" class=\"image-23-copy\">\n      <div data-poster-url=\"/videos/webflow/ocx-event/Untitled-poster-00001.jpg\"\n        data-video-urls=\"/videos/webflow/ocx-event/Untitled-transcode.mp4,/videos/webflow/ocx-event/Untitled-transcode.webm\"\n        data-autoplay=\"true\" data-loop=\"true\" data-wf-ignore=\"true\"\n        class=\"background-video-program w-background-video w-background-video-atom\"><video\n          id=\"590d865c-b08d-5bb4-5973-c12c263a3b03-video\" autoplay=\"\" loop=\"\"\n          style=\"background-image:url(&quot;/videos/webflow/ocx-event/Untitled-poster-00001.jpg&quot;)\" muted=\"\"\n          playsinline=\"\" data-wf-ignore=\"true\" data-object-fit=\"cover\">\n          <source src=\"/videos/webflow/ocx-event/Untitled-transcode.mp4\" data-wf-ignore=\"true\">\n          <source src=\"/videos/webflow/ocx-event/Untitled-transcode.webm\" data-wf-ignore=\"true\">\n        </video></div>\n      <div class=\"w-embed\">\n        <style>\n          .program.wf-section .background-video-program {\n            mix-blend-mode: lighten;\n          }\n\n          @media screen and (min-width: 2561px) {\n            .program.wf-section video {\n              object-fit: contain;\n              background-image: none !important;\n            }\n          }\n        </style>\n      </div>\n    </div>\n    <div class=\"location wf-section\">\n      <div class=\"container w-container\">\n        <div class=\"div-block-34\">\n          <div class=\"div-block-35\"><img src=\"/images/webflow/ocx-event/lets-meet-at.svg\" loading=\"lazy\" alt=\"\"\n              class=\"image-24\">\n            <div class=\"div-block-33\">\n              <a href=\"https://www.kraftwerk.host\" target=\"_blank\" class=\"link-block-10 w-inline-block\">\n                <h3 class=\"h3\">Kraftwerk Zürich </h3><img src=\"/images/webflow/ocx-event/arrow_1.svg\" loading=\"lazy\"\n                  alt=\"\" class=\"image-91\">\n              </a>\n              <div class=\"text-reg\">\n                <a href=\"https://goo.gl/maps/PHYYpeNodcieaeFa6\" target=\"_blank\" class=\"link-2\">Selnaustrasse 25, 8001\n                  Zürich, Switzerland</a>\n              </div>\n            </div>\n          </div>\n          <div class=\"w-layout-grid grid-4\">\n            <div id=\"w-node-_428be6c1-5c8b-1b12-36c8-a2bb314c4d14-2dd0ed12\" class=\"div-block-32\"><img class=\"image-6\"\n                src=\"/images/webflow/ocx-event/place-img-1.png\" alt=\"\" style=\"opacity:0\"\n                sizes=\"(max-width: 479px) 97vw, (max-width: 767px) 90vw, (max-width: 991px) 70vw, (max-width: 1439px) 83vw, (max-width: 1919px) 1168px, 1368px\"\n                data-w-id=\"5eba15cb-ddbb-209c-481d-cfe9821f9c29\"\n                id=\"w-node-_5eba15cb-ddbb-209c-481d-cfe9821f9c29-2dd0ed12\" loading=\"lazy\"\n                srcset=\"/images/webflow/ocx-event/place-img-1-p-500.png 500w, /images/webflow/ocx-event/place-img-1-p-800.png 800w, /images/webflow/ocx-event/place-img-1-p-1080.png 1080w, /images/webflow/ocx-event/place-img-1.png 1467w\"><img\n                src=\"/images/webflow/ocx-event/place-img-3.png\" loading=\"lazy\"\n                data-w-id=\"22bedb4b-1f4a-c7f7-6034-550ef81e55c0\"\n                id=\"w-node-_22bedb4b-1f4a-c7f7-6034-550ef81e55c0-2dd0ed12\"\n                srcset=\"/images/webflow/ocx-event/place-img-3-p-500.png 500w, /images/webflow/ocx-event/place-img-3-p-800.png 800w, /images/webflow/ocx-event/place-img-3-p-1080.png 1080w, /images/webflow/ocx-event/place-img-3.png 1467w\"\n                sizes=\"(max-width: 479px) 97vw, (max-width: 767px) 90vw, (max-width: 991px) 70vw, (max-width: 1439px) 83vw, (max-width: 1919px) 1168px, 1368px\"\n                alt=\"\" class=\"image-8\"></div>\n            <div id=\"w-node-e5efdc1b-6a02-dc41-df3c-bfceee324bbf-2dd0ed12\" class=\"div-block-31\"><img class=\"image-7\"\n                src=\"/images/webflow/ocx-event/place-img-2.png\" alt=\"\" style=\"opacity:0\"\n                sizes=\"(max-width: 479px) 100vw, (max-width: 767px) 90vw, (max-width: 991px) 70vw, (max-width: 1439px) 83vw, (max-width: 1919px) 1168px, 1368px\"\n                data-w-id=\"a767f59e-6344-1e6f-3178-eb863216a5bc\"\n                id=\"w-node-a767f59e-6344-1e6f-3178-eb863216a5bc-2dd0ed12\" loading=\"lazy\"\n                srcset=\"/images/webflow/ocx-event/place-img-2-p-500.png 500w, /images/webflow/ocx-event/place-img-2-p-800.png 800w, /images/webflow/ocx-event/place-img-2-p-1080.png 1080w, /images/webflow/ocx-event/place-img-2.png 1518w\"><img\n                class=\"image-9\" src=\"/images/webflow/ocx-event/place-img-3-1.png\" alt=\"\" style=\"opacity:0\"\n                sizes=\"(max-width: 479px) 100vw, (max-width: 767px) 90vw, (max-width: 991px) 70vw, (max-width: 1439px) 83vw, (max-width: 1919px) 1168px, 1368px\"\n                data-w-id=\"0a5dce0f-0df1-90dc-6a8c-45cdef2f5b10\"\n                id=\"w-node-_0a5dce0f-0df1-90dc-6a8c-45cdef2f5b10-2dd0ed12\" loading=\"lazy\"\n                srcset=\"/images/webflow/ocx-event/place-img-3-1-p-500.png 500w, /images/webflow/ocx-event/place-img-3-1-p-800.png 800w, /images/webflow/ocx-event/place-img-3-1-p-1080.png 1080w, /images/webflow/ocx-event/place-img-3-1.png 1521w\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"christian-sec wf-section\">\n      <div class=\"container w-container\">\n        <div class=\"div-block-36\">\n          <div class=\"div-block-37\"><img src=\"/images/webflow/ocx-event/img.png\" loading=\"lazy\"\n              sizes=\"(max-width: 479px) 97vw, (max-width: 991px) 47vw, (max-width: 1439px) 32vw, (max-width: 1919px) 476px, 500px\"\n              srcset=\"/images/webflow/ocx-event/img-p-500.png 500w, /images/webflow/ocx-event/img-p-800.png 800w, /images/webflow/ocx-event/img-p-1080.png 1080w, /images/webflow/ocx-event/img-p-1600.png 1600w, /images/webflow/ocx-event/img.png 1689w\"\n              alt=\"\" class=\"image-10\">\n            <div class=\"div-block-38\"><img src=\"/images/webflow/ocx-event/Signature.svg\" loading=\"lazy\" alt=\"\">\n              <div class=\"text-block-9\">Christian</div>\n              <div class=\"text-block-10\">founder of Capptoo &amp; Screver</div>\n            </div>\n          </div>\n          <div>\n            <h1 class=\"h2\">keen to attend?</h1>\n            <div class=\"text-reg\">I am thrilled to meet you on March 9th and share some exciting news about Screver OCX\n              and the future of Customer Experience. Can&#x27;t wait to see you all 😉🥂</div>\n            <a href=\"https://go.screver.com/capptoo/registration-scr-ocx\" class=\"link-block-11 w-inline-block\"><div class=\"w-embed\">\n    \n    <div id=\"gooey-button\" class=\"christian\">\n    \t\t<span class=\"gooey-button-text\">join the event</span>\n        \n        <span class=\"bubbles\">\n            <span class=\"bubble\"></span>\n            <span class=\"bubble\"></span>\n            <span class=\"bubble\"></span>\n            <span class=\"bubble\"></span>\n            <span class=\"bubble\"></span>\n            <span class=\"bubble\"></span>\n            <span class=\"bubble\"></span>\n            <span class=\"bubble\"></span>\n            <span class=\"bubble\"></span>\n            <span class=\"bubble\"></span>\n        </span>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\">\n              <defs>\n                  <filter id=\"gooey\">\n                      <!-- in=\"sourceGraphic\" -->\n                      <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"5\" result=\"blur\" />\n                      <feColorMatrix in=\"blur\" type=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"highContrastGraphic\" />\n                      <feComposite in=\"SourceGraphic\" in2=\"highContrastGraphic\" operator=\"atop\" />\n                  </filter>\n              </defs>\n            </svg>\n          </div>\n          </div>\n          </a>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"team wf-section\">\n      <div class=\"container w-container\">\n        <div class=\"div-block-39\">\n          <h2 class=\"h2 h2-centre\">looking forward to meeting you</h2><img\n            src=\"/images/webflow/ocx-event/HERE-WE-ARE.svg\" loading=\"lazy\" alt=\"\" class=\"image-11\">\n        </div>\n        <div class=\"div-block-40-copy\"><img class=\"team-item\" src=\"/images/webflow/ocx-event/Nastya.png\" alt=\"\"\n            style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"8007cd62-9915-fd3a-c989-486612cf27f5\" id=\"w-node-_8007cd62-9915-fd3a-c989-486612cf27f5-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Nastya-p-500.png 500w, /images/webflow/ocx-event/Nastya.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Andy.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"6e00f7da-22dd-8606-ea8b-d4fbd52b9aaf\" id=\"w-node-_6e00f7da-22dd-8606-ea8b-d4fbd52b9aaf-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Andy-p-500.png 500w, /images/webflow/ocx-event/Andy.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Dejan.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"2aaee4d7-9e0e-e459-426e-0f2b1f453a80\" id=\"w-node-_2aaee4d7-9e0e-e459-426e-0f2b1f453a80-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Dejan-p-500.png 500w, /images/webflow/ocx-event/Dejan.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Nastya-1.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"6a6b2c05-f6d3-e0a5-d728-af25c9a4906b\" id=\"w-node-_6a6b2c05-f6d3-e0a5-d728-af25c9a4906b-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Nastya-1-p-500.png 500w, /images/webflow/ocx-event/Nastya-1.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Ira.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"598c7347-2525-bab1-e64e-b3b78c3291d9\" id=\"w-node-_598c7347-2525-bab1-e64e-b3b78c3291d9-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Ira-p-500.png 500w, /images/webflow/ocx-event/Ira.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Roma.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"0c1f8cf1-700b-dab0-727a-b669dea35190\" id=\"w-node-_0c1f8cf1-700b-dab0-727a-b669dea35190-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Roma-p-500.png 500w, /images/webflow/ocx-event/Roma.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Marina.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"64287474-a92e-30d9-0725-0216f4a2681f\" id=\"w-node-_64287474-a92e-30d9-0725-0216f4a2681f-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Marina-p-500.png 500w, /images/webflow/ocx-event/Marina.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Ivana-Sisko.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"97ed48d9-2deb-44c2-a243-d3899c3ca709\" id=\"w-node-_97ed48d9-2deb-44c2-a243-d3899c3ca709-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Christian-p-500.png 500w, /images/webflow/ocx-event/Ivana-Sisko.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Svitlana.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"740d4324-3a9a-578c-99d0-b7a4ebe53742\" id=\"w-node-_740d4324-3a9a-578c-99d0-b7a4ebe53742-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Svitlana-p-500.png 500w, /images/webflow/ocx-event/Svitlana.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Davor.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"98915de4-3881-0d9a-6526-a309d30c061d\" id=\"w-node-_98915de4-3881-0d9a-6526-a309d30c061d-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Davor-p-500.png 500w, /images/webflow/ocx-event/Davor.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Mila.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"8e7c3d25-0d54-6158-d65b-df8a42b15a7c\" id=\"w-node-_8e7c3d25-0d54-6158-d65b-df8a42b15a7c-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Mila-p-500.png 500w, /images/webflow/ocx-event/Mila.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Alex.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"34cff7e6-48cb-772e-08b1-0db8615c7c1e\" id=\"w-node-_34cff7e6-48cb-772e-08b1-0db8615c7c1e-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Alex-p-500.png 500w, /images/webflow/ocx-event/Alex.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Ivana.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"da7b4aa4-95f3-5f4e-154d-457c914f90f9\" id=\"w-node-da7b4aa4-95f3-5f4e-154d-457c914f90f9-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Ivana-p-500.png 500w, /images/webflow/ocx-event/Ivana.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Krys_1.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"fa25e009-5a4c-76bc-39a5-e61b65345e92\" id=\"w-node-fa25e009-5a4c-76bc-39a5-e61b65345e92-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Krys_1-p-500.png 500w, /images/webflow/ocx-event/Krys_1.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Victoria.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"1fdc6b22-273c-afca-1004-9b42f53b952e\" id=\"w-node-_1fdc6b22-273c-afca-1004-9b42f53b952e-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Victoria-p-500.png 500w, /images/webflow/ocx-event/Victoria.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Natasha.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"89cdf183-b897-b3a9-2785-c8e0640bc1b8\" id=\"w-node-_89cdf183-b897-b3a9-2785-c8e0640bc1b8-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Natasha-p-500.png 500w, /images/webflow/ocx-event/Natasha.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Tanja.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"bb09cdd1-5e5f-b1ff-3984-ecf8556c2857\" id=\"w-node-bb09cdd1-5e5f-b1ff-3984-ecf8556c2857-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Tanja-p-500.png 500w, /images/webflow/ocx-event/Tanja.png 549w\"><img\n            class=\"team-item\" src=\"/images/webflow/ocx-event/Igor.png\" alt=\"\" style=\"opacity:0\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            data-w-id=\"c42bf246-7095-37e3-b2a0-65c5c30d57e4\" id=\"w-node-c42bf246-7095-37e3-b2a0-65c5c30d57e4-2dd0ed12\"\n            loading=\"lazy\"\n            srcset=\"/images/webflow/ocx-event/Igor-p-500.png 500w, /images/webflow/ocx-event/Igor.png 549w\"><img\n            src=\"/images/webflow/ocx-event/Krys.png\" loading=\"lazy\" style=\"opacity:0\"\n            data-w-id=\"a2490503-034b-da5a-4a92-7f0adfad283b\"\n            srcset=\"/images/webflow/ocx-event/Krys-p-500.png 500w, /images/webflow/ocx-event/Krys.png 549w\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            alt=\"\" class=\"team-item\"><img src=\"/images/webflow/ocx-event/Tony.png\" loading=\"lazy\" style=\"opacity:0\"\n            data-w-id=\"a2490503-034b-da5a-4a92-7f0adfad283c\"\n            srcset=\"/images/webflow/ocx-event/Tony-p-500.png 500w, /images/webflow/ocx-event/Tony.png 549w\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            alt=\"\" class=\"team-item\"><img src=\"/images/webflow/ocx-event/Ana.png\" loading=\"lazy\" style=\"opacity:0\"\n            data-w-id=\"a2490503-034b-da5a-4a92-7f0adfad283d\"\n            srcset=\"/images/webflow/ocx-event/Ana-p-500.png 500w, /images/webflow/ocx-event/Ana.png 549w\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            alt=\"\" class=\"team-item\"><img src=\"/images/webflow/ocx-event/Max.png\" loading=\"lazy\" style=\"opacity:0\"\n            data-w-id=\"92ebadca-ba5a-6be1-334b-f82ac29e4c33\"\n            srcset=\"/images/webflow/ocx-event/Max-p-500.png 500w, /images/webflow/ocx-event/Max.png 549w\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            alt=\"\" class=\"team-item\"><img src=\"/images/webflow/ocx-event/Nastya_1.png\" loading=\"lazy\" style=\"opacity:0\"\n            data-w-id=\"ce6f2cf2-660c-630f-de4e-b92faf49d402\"\n            srcset=\"/images/webflow/ocx-event/Nastya_1-p-500.png 500w, /images/webflow/ocx-event/Nastya_1.png 550w\"\n            sizes=\"(max-width: 479px) 29vw, (max-width: 991px) 17vw, (max-width: 1439px) 14vw, (max-width: 1919px) 191.515625px, 219.515625px\"\n            alt=\"\" class=\"team-item\"></div>\n      </div><img src=\"/images/webflow/ocx-event/radial.svg\" loading=\"lazy\" alt=\"\" class=\"image-23-copy\">\n      <div data-poster-url=\"/videos/webflow/ocx-event/Untitled-poster-00001.jpg\"\n        data-video-urls=\"/videos/webflow/ocx-event/Untitled-transcode.mp4,/videos/webflow/ocx-event/Untitled-transcode.webm\"\n        data-autoplay=\"true\" data-loop=\"true\" data-wf-ignore=\"true\"\n        class=\"background-video-team w-background-video w-background-video-atom\"><video\n          id=\"1a53d9cf-f41e-160d-f72b-792f7557a44e-video\" autoplay=\"\" loop=\"\"\n          style=\"background-image:url(&quot;/videos/webflow/ocx-event/Untitled-poster-00001.jpg&quot;)\" muted=\"\"\n          playsinline=\"\" data-wf-ignore=\"true\" data-object-fit=\"cover\">\n          <source src=\"/videos/webflow/ocx-event/Untitled-transcode.mp4\" data-wf-ignore=\"true\">\n          <source src=\"/videos/webflow/ocx-event/Untitled-transcode.webm\" data-wf-ignore=\"true\">\n        </video></div>\n      <div class=\"w-embed\">\n        <style>\n          .team.wf-section {\n            mix-blend-mode: lighten;\n          }\n\n          @media screen and (min-width: 2561px) {\n            .team.wf-section video {\n              background-image: none !important;\n              object-fit: contain;\n            }\n          }\n        </style>\n      </div>\n    </div>\n    <div class=\"footer wf-section\">\n      <div class=\"container w-container\">\n        <div class=\"div-block-42\">\n          <div class=\"div-block-44\">\n            <a href=\"https://capptoo.com\" target=\"_blank\" class=\"link-block-2 w-inline-block\"><img\n                src=\"/images/webflow/ocx-event/capptoo-logo.png\" loading=\"lazy\" alt=\"\" class=\"image-16\"></a>\n            <a href=\"https://screver.com\" target=\"_blank\" class=\"link-block-3 w-inline-block\"><img\n                src=\"/images/webflow/ocx-event/screver-logo.png\" loading=\"lazy\" alt=\"\" class=\"image-17\"></a>\n          </div>\n          <div class=\"div-block-43\">\n            <div class=\"div-block-48\">\n              <a href=\"https://www.facebook.com/screverr\" target=\"_blank\" class=\"link-block-4 w-inline-block\"><img\n                  src=\"/images/webflow/ocx-event/Facebook.svg\" loading=\"lazy\" alt=\"\"></a>\n              <a href=\"https://www.instagram.com/screverr/\" target=\"_blank\" class=\"link-block-4 w-inline-block\"><img\n                  src=\"/images/webflow/ocx-event/Instagram.svg\" loading=\"lazy\" alt=\"\"></a>\n            </div>\n            <a href=\"https://www.linkedin.com/company/screver/\" target=\"_blank\" class=\"button-small w-inline-block\"><img\n                src=\"/images/webflow/ocx-event/Facebook-1.svg\" loading=\"lazy\" alt=\"\" class=\"image-18\">\n              <div class=\"text-small text-small-black\">Connect in LinkedIn</div>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"noise\"></div>\n  </div>\n  <script src=\"https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=639c6e154d03cc3f8fd0ed11\"\n    type=\"text/javascript\" integrity=\"sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=\" crossorigin=\"anonymous\">\n  </script>\n  <script src=\"/js/webflow.ocx-event.js\" type=\"text/javascript\"></script>\n  <!-- [if lte IE 9]><script src=\"https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js\"></script><![endif] -->\n</body>`;\n\nexport default OCX_EVENT;\n"],"names":["seo","title","metaDesc","image","opengraphUrl","Helmet","src","type","rel","href","as","SEO","themeColor","className","dangerouslySetInnerHTML","__html"],"sourceRoot":""}