{"id":173238,"date":"2024-10-25T07:08:53","date_gmt":"2024-10-25T11:08:53","guid":{"rendered":"https:\/\/innowise.com\/?page_id=173238"},"modified":"2026-05-07T10:46:50","modified_gmt":"2026-05-07T14:46:50","slug":"desenvolvimento-headless-cms","status":"publish","type":"page","link":"https:\/\/innowise.com\/pt\/services\/cms\/headless-development\/","title":{"rendered":"Servi\u00e7os de desenvolvimento de headless commerce"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"173238\" class=\"elementor elementor-173238\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a670ba1 back-animations de-hyph hero e-flex e-con-boxed e-con e-parent\" data-id=\"a670ba1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a5d322c e-con-full e-flex e-con e-child\" data-id=\"a5d322c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8284b8 elementor-widget elementor-widget-heading\" data-id=\"c8284b8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Headless commerce development services<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a30a2d e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"9a30a2d\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3196916 e-con-full hero-description-mobile e-flex e-con e-child\" data-id=\"3196916\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-134f96c elementor-widget__width-initial hero-description-mobile-text elementor-widget elementor-widget-text-editor\" data-id=\"134f96c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Many ecommerce platforms break when you try to scale, customize, or go omnichannel. With headless, you decouple the frontend and backend, gaining speed, flexibility, and full control over every customer experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc03d29 elementor-align-center elementor-mobile-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"bc03d29\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#contact-form\" id=\"main-block-link\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Talk to experts<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d62c8e e-con-full hero-info-mobile e-flex e-con e-child\" data-id=\"1d62c8e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ca3ce3 hero-info-mobile-content elementor-widget elementor-widget-html\" data-id=\"7ca3ce3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n<\/style>\n\n<div class=\"animated-mobile\">\n    <div class=\"animated-text-mobile\">\n        <div class=\"message-mobile active-message\">\n            <p class=\"number-mobile\">5+<\/p>\n            <p class=\"description-mobile\">years of experience with headless CMS<\/p>\n        <\/div>\n        <div class=\"message-mobile\">\n            <p class=\"number-mobile\">30+<\/p>\n            <p class=\"description-mobile\">headless projects successfully delivered<\/p>\n        <\/div>\n        <div class=\"message-mobile\">\n            <p class=\"number-mobile\">10+<\/p>\n            <p class=\"description-mobile\">vetted experts in headless development<\/p>\n        <\/div>\n        <div class=\"message-mobile\">\n            <p class=\"number-mobile\">85%<\/p>\n            <p class=\"description-mobile\">mid-level or senior specialists<\/p>\n        <\/div>\n    <\/div>\n    <div class=\"clutch-widget-container-mobile\">\n        <img decoding=\"async\" class=\"clutch-image-mobile\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2024\/06\/Clutch-Logo.svg\"\/ alt=\"\">\n        <div class=\"button-container-mobile\">\n        <a rel=\"nofollow\" href=\"https:\/\/clutch.co\/profile\/innowise?utm_source=widget&utm_medium=2&utm_campaign=widget&utm_content=logo&utm_term=innowise-group.com\" class=\"circle-button-mobile\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather-mobile feather-arrow-right-mobile\">\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n            <\/svg>\n        <\/a>\n    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const textElement = document.querySelector(\".animated-text-mobile\");\n    \n    const messageElements = [...textElement.children]\n    \n    let index = 1;\n\n    function changeText() {\n        textElement.classList.add(\"hidden-mobile\");\n        \n        setTimeout(() => {\n            messageElements.forEach((elem, elemIndex)=> {\n                if (index === elemIndex) elem.classList.add(\"active-message\")\n                else elem.classList.remove(\"active-message\")\n            })\n            \n            textElement.classList.remove(\"hidden-mobile\");\n            index = (index + 1) % messageElements.length;\n        }, 1000);\n    }\n\n    setInterval(changeText, 4000);\n    changeText();\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9115fe elementor-widget-tablet__width-inherit elementor-widget__width-initial elementor-hidden-tablet elementor-hidden-mobile hero-description-desktop-text elementor-widget elementor-widget-text-editor\" data-id=\"d9115fe\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Many ecommerce platforms break when you try to scale, customize, or go omnichannel. With headless, you decouple the frontend and backend, gaining speed, flexibility, and full control over every customer experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f5d5ff elementor-align-justify elementor-hidden-tablet elementor-hidden-mobile hero-btn elementor-widget elementor-widget-button\" data-id=\"5f5d5ff\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#contact-form\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Talk to experts<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b27ece2 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"b27ece2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3674212 elementor-hidden-tablet elementor-hidden-mobile hero-info-desktop-content elementor-widget elementor-widget-html\" data-id=\"3674212\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .animated .number{\n        margin-bottom: 30px;\n    }\n    \n    @media(max-width: 1279px){\n        .animated-mobile .number-mobile{\n        margin-bottom: 10px;\n     }\n    }\n<\/style>\n\n<div class=\"animated\">\n    <div class=\"animated-text\">\n        <div class=\"message active-message\">\n            <p class=\"number\">5+<\/p>\n            <p class=\"description\">years of experience with headless CMS<\/p>\n        <\/div>\n        <div class=\"message\">\n            <p class=\"number\">30+<\/p>\n            <p class=\"description\">headless projects successfully delivered<\/p>\n        <\/div>\n        <div class=\"message\">\n            <p class=\"number\">10+<\/p>\n            <p class=\"description\">vetted experts in headless development<\/p>\n        <\/div>\n        <div class=\"message\">\n            <p class=\"number\">85%<\/p>\n            <p class=\"description\">mid-level or senior specialists<\/p>\n        <\/div>\n    <\/div>\n    <div class=\"clutch-widget-container\">\n        <img decoding=\"async\" class=\"clutch-image\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2024\/06\/Clutch-Logo.svg\"\/ alt=\"\">\n        <div class=\"button-container\">\n        <a rel=\"nofollow\" href=\"https:\/\/clutch.co\/profile\/innowise?utm_source=widget&utm_medium=2&utm_campaign=widget&utm_content=logo&utm_term=innowise-group.com\" class=\"circle-button\" target=\"_blank\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-arrow-right\">\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n            <\/svg>\n        <\/a>\n    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const textElement = document.querySelector(\".animated-text\");\n    \n    const messageElements = [...textElement.children]\n    \n    let index = 1;\n\n    function changeText() {\n        textElement.classList.add(\"animated-text-hidden\");\n        \n        setTimeout(() => {\n            messageElements.forEach((elem, elemIndex)=> {\n                if (index === elemIndex) elem.classList.add(\"active-message\")\n                else elem.classList.remove(\"active-message\")\n            })\n            \n            textElement.classList.remove(\"animated-text-hidden\");\n            index = (index + 1) % messageElements.length;\n        }, 1000);\n    }\n\n    setInterval(changeText, 4000);\n    changeText();\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e2b652 e-con-full elementor-hidden-mobile elementor-hidden-tablet stickyWrapper72 e-flex e-con e-parent\" data-id=\"8e2b652\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a9fae6 elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"2a9fae6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\n.textUnderline a{\n    text-decoration: underline;\n}\n\n.textUnderline a:hover{\n  color: #C63031 !important;  \n}\n\n.stickyWrapper72{\n    position: sticky;\n    top: 72px;\n    bottom: auto;   \n}\n\n.anchorTop{\n    width: 100%;\n    background-color: #F5F5F7;\n   padding: 0 15px;\n}\n\n.anchorTop .swiper-wrapper{\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    position: relative;\n\n}\n\n\n.anchorTop .elem {\n    width: fit-content !important;\n    padding: 10px 20px 8.5px 20px;\n    border-bottom: 1.5px solid transparent;\n    color: #2E2E2E !important;\n    transition: color 0.2s linear,  border 0.2s linear;\n    cursor: pointer;\n    \n    font-family: Karla;\nfont-weight: 400;\nfont-size: 16px;\nline-height: 20px;\nletter-spacing: 0%;\n\n}\n\n\n.anchorTop .elem.active {\n    color: #C63031 !important;\n   border-bottom: 1.5px solid #C63031;  \n}\n\n.anchorTop .elem:hover {\n       color: #C63031 !important;\n}\n\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", ()=>{\n        \nconst headerElement = document.querySelector(\".new-menu\");\n\nconst stickyElement = document.querySelector(\".stickyWrapper72\");\n\nconst headerElementH = headerElement.clientHeight;\n\n\nstickyElement.style.top =  headerElementH + 0 + \"px\";\n        \n});\n<\/script>\n\n\n<div class=\"anchorTop\">\n<div class=\"anchorSwiper\">\n<div class=\"swiper-wrapper\">\n    \n<div class='elem swiper-slide' data-id='test1' >Services\n<\/div>    \n<div class='elem swiper-slide' data-id='test2' >Case studies\n<\/div>  \n<div class='elem swiper-slide' data-id='test3' >Why choose us\n<\/div>  \n<div class='elem swiper-slide' data-id='test4'>Our approach<\/div>   \n<div class='elem swiper-slide' data-id='test5'>Reviews<\/div>    \n<div class='elem swiper-slide' data-id='test6'>Platforms we use<\/div>\n \n\n<\/div>   \n<\/div>\n<\/div>\n\n<script>\n\n\n  document.addEventListener(\"DOMContentLoaded\", () => {\n      \n   const AnchorSwiper = new Swiper('.anchorSwiper', {\n     grabCursor:false, \n     slidesPerView: 'auto',\n\n        spaceBetween: 20, \n\n    \n  });       \n      \n      \n const headerMenuHeight=document.querySelector('.new-menu-inno')?.getBoundingClientRect()?.height ?? 72; \n \n\n\nlet anchorTopList = document.querySelectorAll('.anchorTop .elem');\nlet anchorList = [];\n\n\nanchorTopList.forEach((elem) => {\n   const id = elem.getAttribute('data-id'); \n\n   \n   anchorList.push(document.querySelector(`#${id}`)); \n})\n\n   \n   function scrollToElem(elem){\n       \n    const windowHeight = window.innerHeight;\n     const elTop = elem.offsetTop;\n       \n  \n   window.scrollTo({\n     top: elTop - headerMenuHeight,\n     behavior: \"smooth\",\n    });\n   }\n\n   anchorTopList.forEach((el,i)=>el.addEventListener('click',function(){\n       \n       const id = this.getAttribute('data-id');\n      \n    const element = anchorList[i];\n    \n    \n    if(element){\n      scrollToElem(element);    \n    }\n      \n       \n     \n       \n   }))\n\n\n\n      const checkScroll = () => {\n      const windowHeight = window.innerHeight;\n      const scrollTop = window.scrollY || document.documentElement.scrollTop;\n\n\nanchorList.forEach((anchor, index) => {\n \n        \n\nif(anchor){\n\n  const { top, left, bottom, right } = anchor.getBoundingClientRect();\n  const { innerHeight, innerWidth } = window;\n\n\nconst isInViewport = \n  bottom > innerHeight\/2 && top <innerHeight\/2;\n\n\n\/\/ const isInViewport =  top <innerHeight\/2;\n\n\n\n \n if(isInViewport){\n    anchorTopList[index].classList.add(\"active\");  \n    AnchorSwiper.slideTo(index);\n    if(index>0){\n            anchorTopList[index-1].classList.remove(\"active\"); \n        \n    }\n     \n }else{\n    anchorTopList[index].classList.remove(\"active\");   \n }\n        \n}\n\n});\n      \n\n  };\n  \n\ndocument.addEventListener(\"scroll\", (event) => {\n\n    checkScroll();\n\n});\n\n\n\n\n\n\n\n});\n \n  \n\n<\/script>\n\n<script defer>\n  window.addEventListener('hashchange', function(e) {\n      if(window.history.pushState) {\n    window.history.pushState('', '\/', window.location.pathname)\n} else {\n    window.location.hash = '';\n}\n\n});\n<\/script>\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9390f62 e-flex e-con-boxed e-con e-parent\" data-id=\"9390f62\" data-element_type=\"container\" id=\"test1\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1be780 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"d1be780\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our headless commerce development services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88721a9 switcher-section elementor-widget elementor-widget-html\" data-id=\"88721a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.domains-toggle{\r\n    margin-top: 20px;\r\n    padding-bottom: 8px;\r\n    border-bottom: 1px solid #C63031;\r\n    color: #C63031;\r\n    font-family: Sora;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    line-height: 130%;\r\n    width: 82px;\r\n}\r\n.see-more-acc {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-family: Karla;\r\n    font-size: 14px;\r\n    line-height: 150%;\r\n    text-decoration: none !important;\r\n    color: #C63031;\r\n}\r\n\r\n    .domains-container-new .domains__descriptions-new {\r\n    padding-bottom: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\r\n\r\n.domains__descriptions-new .swiper-wrapper{\r\n    width: 100% !important;\r\n}\r\n\r\n\r\n.switcher-section {\r\n    position: relative;\r\n    min-height: auto;\r\n}\r\n\r\n.switcher-section .domains-container-new {\r\ndisplay: flex;\r\ngap: 97px;\r\n}\r\n\r\n.domains__descriptions-new{\r\n  min-height: 444px;\r\n  max-width: 100%;\r\n}\r\n\r\n.domains__descriptions-new  .swiper-slide {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  gap: 40px;\r\n  height: auto;\r\n  color: #2e2e2e;\r\n    max-width: 680px;\r\n}\r\n\r\n.domains__descriptions-new  .swiper-slide:not(.swiper-slide-active) {\r\n    opacity: 0 !important;\r\n}\r\n\r\n\r\n\r\n.domains__list-new {\r\n  height: 100%;\r\n  list-style: none;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  background-color: transparent;\r\n  position: relative;\r\n  max-height: 444px;\r\n  max-width: 343px;\r\n  min-width: 343px;\r\n  padding: 0;\r\n  padding-right: 23px;\r\n}\r\n\r\n.domains__list-new::-webkit-scrollbar {\r\n    position: absolute;\r\n    width: 3px;\r\n    background-color: #F5F5F7;\r\n}\r\n\r\n.domains__list-new::-webkit-scrollbar-thumb {\r\n    position: absolute;\r\n    background-color: #999999;\r\n    border-radius: 3px;\r\n}\r\n\r\n\r\n.domains__list-new li {\r\n  position: relative;\r\n  padding: 16px 12px 16px 24px;\r\n  color: #717171;\r\n  border-left: 1px solid #c4c4c4;\r\n  font-family: Sora, sans-serif;\r\n  font-weight: 600;\r\n  font-size: 16px;\r\n  word-break: break-word;\r\n  cursor: pointer;\r\n}\r\n\r\n.domains__list-new li.active {\r\n  color: #2e2e2e;\r\n}\r\n\r\n.domains__list-new li.active::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -1px;\r\n  display: block;\r\n  height: 100%;\r\n  border-left: 3px solid #c63031;\r\n}\r\n\r\n\r\n.slider-title-new h3 {\r\n  color: #2E2E2E;\r\n  font-weight: 600;\r\n  line-height: 32px;\r\n  font-size: 24px;\r\n  font-family: Sora, sans-serif;\r\n  padding: 0;\r\n  margin: 0;\r\n  padding-bottom: 40px;\r\n}\r\n\r\n\r\n.slider-title-new h3 a{\r\n    text-decoration: underline;\r\n}\r\n\r\n.slider-desc-new {\r\n  font-weight: 400;\r\n  font-size: 18px;\r\n  line-height: 27px;\r\n  font-family: Karla, sans-serif;\r\n  list-style: none;\r\n    margin: 0;\r\n}\r\n\r\n.slider-desc-new a{\r\n    text-decoration: underline;\r\n}\r\n\r\n.slider-desc-new li {\r\n  margin-bottom: 20px;\r\n  \/*padding: 10px 0;*\/\r\n  cursor: default;\r\n  transition: margin 0.4s;\r\n  transition-delay: 0.2s;\r\n  font-family: Karla;\r\n  font-weight: 400;\r\n  font-size: 22px;\r\n  line-height: 24px;\r\n  color: #2E2E2E;\r\n}\r\n\r\n.slider-desc-new li::before {\r\n  content: url(\"https:\/\/innowise.com\/wp-content\/uploads\/2024\/06\/Group-5070.svg\");\r\n  vertical-align: middle;\r\n  margin-right: 16px;\r\n}\r\n\r\n\r\n.slider-desc-new li:hover span {\r\n  position: relative;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.domain__description-list-new {\r\n  line-height: 42px;\r\n  padding-left: 30px;\r\n  font-size: 24px;\r\n  font-family: karla;\r\n  font-weight: 400;\r\n}\r\n\r\n.domains__list-new li > a {\r\n  color: #fff;\r\n}\r\n\r\n.domains__list-new li:hover a {\r\n  color: #C63031;\r\n}\r\n\r\n.slider-image-block-new{\r\n    display: flex;\r\n}\r\n\r\n.slider-image-block-new img {\r\n  width: 100%;\r\n  height: 250px;\r\n  object-fit: cover;\r\n}\r\n\r\n\r\n\r\n\r\n.mobile-domains-new {\r\n    display: none;\r\n    flex-direction: column;\r\n    gap: 0;\r\n}\r\n\r\n.mobile-domains-navbar-new {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.mobile-domains-navitem-new {\r\n    padding: 15px 0 15px 12px;\r\n    border-left: 1px solid #C4C4C4;\r\n    display: flex;\r\n    flex-direction: column;\r\n    cursor: pointer;\r\n    position: relative;\r\n    margin-left: 1px;\r\n}\r\n\r\n.mobile-domains-navitem-new h3 {\r\n    color: #717171;\r\n    font-family: Sora;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 21px;\r\n    text-align: left;\r\n    margin: 0;\r\n}\r\n\r\n\r\n.mobile-domain-point-new {\r\n    font-weight: 400 !important;\r\n    font-size: 14px !important;\r\n    line-height: 21px !important;\r\n}\r\n\r\n.mobile-domain-list-new {\r\n    padding-top: 0px;\r\n    padding-bottom: 0px;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.5s ease, padding 0.5s ease;\r\n   display: flex;\r\n    flex-direction: column;\r\n   gap: 16px;\r\n}\r\n\r\n.mobile-domains-navitem-new.active .mobile-domain-list-new {\r\n     padding-top: 25px;\r\n    padding-bottom: 5px;\r\n    height: auto;\r\n    max-height: 350px;\r\n}\r\n\r\n.mobile-domains-navitem-new.active::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -1px;\r\n  display: block;\r\n  height: 100%;\r\n  border-left: 1px solid #c63031;\r\n}\r\n\r\n.mobile-domains-navitem-new.active h3{\r\n    position: relative;\r\n}\r\n\r\n.mobile-domains-navitem-new.active h3::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -15px;\r\n  left: -13px;\r\n  display: block;\r\n  height: calc(100% + 25px);\r\n  border-left: 2px solid #c63031;\r\n}\r\n\r\n\r\n.mobile-domains-navitem-new.active h3 {\r\n    color: #2e2e2e;\r\n }\r\n\r\n\r\n\r\n.mobile-domain-list-new li {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.switcher-section {\r\n    position: relative;\r\n}\r\n\r\n.switcher-section .domains-container-new .domains__descriptions-new {\r\n    padding: 0;\r\n}\r\n\r\n.domains__list-new {\r\n  width: 100%;\r\n}\r\n\r\n\r\n\r\n.domains__descriptions-item_active-new {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n\r\n\r\n@media (max-width:1279px) and (min-width: 768px) {\r\n    .switcher-section .domains-container-new {\r\n        grid-template-columns: 300px minmax(auto, 1fr);\r\n        padding: 0;\r\n        gap: 37px;\r\n    }\r\n\r\n    .slider-title-new {\r\n        font-family: Sora;\r\n        font-size: 24px;\r\n        font-weight: 600;\r\n        line-height: 32.4px;\r\n        text-align: left;\r\n    }\r\n  \r\n    .switcher-section .domains-container-new {\r\n        column-gap: 40px;\r\n    }\r\n    \r\n\r\n.domains__list-new {\r\n  max-width: 283px;\r\n  min-width: 283px;\r\n  padding-right: 3px;\r\n}\r\n\r\n.domains__descriptions-new{\r\n  min-height: 435px;\r\n}\r\n\r\n.domains__list-new {\r\n  max-height: 435px;\r\n}\r\n\r\n}\r\n\r\n@media (max-width:820px){\r\n \r\n       .slider-image-block-new img {\r\n  height: 150px;\r\n}    \r\n}\r\n\r\n\r\n\r\n@media (max-width: 767px) {\r\n    \r\n\r\n    \r\n    .slider-desc-new {\r\n        font-family: Karla;\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        line-height: 21px;\r\n        text-align: left;\r\n\r\n    }\r\n\r\n    .domains-container-new {\r\n        display: none !important;\r\n        flex-direction: column;\r\n        gap: 40px;\r\n    }\r\n\r\n    .mobile-domains-new {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<div class=\"domains-container-new\">\r\n    <ul class=\"domains__list-new num1\">\r\n            <li class=\"active\">Headless commerce development<\/li>\r\n            <li >Headless commerce replatforming<\/li>\r\n            <li >Headless storefront design<\/li>\r\n            <li >Omnichannel strategy and implementation<\/li>\r\n            <li >Custom API and plugin development<\/li>\r\n            <li >Headless commerce integrations<\/li>\r\n            <li >Headless storefront optimization<\/li>\r\n            <li >Headless CMS consulting<\/li>\r\n            <li>Ongoing support and maintenance<\/li>\r\n    <\/ul>\r\n\r\n    <div class=\"domains__descriptions-new num1\">\r\n      <div class=\"swiper-wrapper\">\r\n        <div class=\"swiper-slide swiper-slide-active\">\r\n            <div>\r\n                <div class=\"slider-title-new\">\r\n                    <h3>Headless commerce development<\/h3>\r\n                <\/div>\r\n                <p class=\"slider-desc-new\">We build headless commerce solutions from the ground up. Clean architecture, flexible APIs, and fast performance. Your frontend isn\u2019t held back by your backend.<\/p>\r\n            <\/div>\r\n            <div class=\"slider-image-block-new\">\r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/developer-collaboration-code-review.png\" alt=\"Developers collaborating and reviewing code together in a software project meeting\" \/>\r\n                <\/div>   \r\n        <\/div>\r\n\r\n        <div class=\"swiper-slide\">\r\n            <div>\r\n                <div class=\"slider-title-new\">\r\n                <h3>Headless commerce replatforming<\/h3>\r\n            <\/div>\r\n            <p class=\"slider-desc-new\">Does your current platform feel limiting? We move you to a headless setup step by step. Your data stays safe. Your SEO stays intact. You get more flexibility right away.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"slider-image-block-new\">\r\n                <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/backend-refactoring-workspace.png\" alt=\"Backend developer performing code refactoring on multiple monitors in a modern tech workspace\" \/>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"swiper-slide\">\r\n            <div>\r\n                <div class=\"slider-title-new\">\r\n                <h3>Headless storefront design<\/h3>\r\n            <\/div>\r\n            <p class=\"slider-desc-new\">Our team designs storefronts with clear layouts, structured navigation, and fast-loading UI. Every element is built to reduce friction and guide users to purchase.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"slider-image-block-new\">\r\n                <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/ecommerce-interactive-display.png\" alt=\"E-commerce tech team develops smart displays, blending virtual catalogs with interactive user journeys\r\n\" \/>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"swiper-slide\">\r\n            <div>\r\n                <div class=\"slider-title-new\">\r\n                <h3>Omnichannel strategy and implementation<\/h3>\r\n            <\/div>\r\n            <p class=\"slider-desc-new\">We connect your storefront, mobile apps, marketplaces, and in-store systems into one ecosystem. Your customers get the same experience everywhere, without data gaps.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"slider-image-block-new\">\r\n                <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/04\/unified-digital-commerce.png\" alt=\"Unified digital commerce enabling seamless purchasing across all channels\" \/>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"swiper-slide\">\r\n            <div>\r\n                <div class=\"slider-title-new\">\r\n                <h3>Custom API and plugin development<\/h3>\r\n            <\/div>\r\n            <p class=\"slider-desc-new\">Our developers give your headless CMS a boost with custom-made APIs and plugins \u2014 making it easy to integrate with third-party systems and expand features to fit exactly what you need.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"slider-image-block-new\">\r\n                <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/developer-data-dashboard-workspace.png\" alt=\"Developer analyzing data dashboards on dual monitors while writing code at the desk\r\n\" \/>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"swiper-slide\">\r\n            <div>\r\n                <div class=\"slider-title-new\">\r\n                <h3>Headless commerce integrations<\/h3>\r\n            <\/div>\r\n            <p class=\"slider-desc-new\">We integrate payment gateways, CRMs (like Salesforce), ERPs, PIMs, and analytics tools, ensuring real-time data sync and smooth operations across your entire stack.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"slider-image-block-new\">\r\n                <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/cloud-platform-user-routing.png\" alt=\"Automated workflow integration routes user data securely across cloud platforms for seamless access and collaboration\r\n\" \/>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"swiper-slide\">\r\n            <div>\r\n                <div class=\"slider-title-new\">\r\n                <h3>Headless storefront optimization<\/h3>\r\n            <\/div>\r\n            <p class=\"slider-desc-new\">Even a one-second delay can drop conversions. We optimize API response times, implement smart caching, and reduce frontend load, so your storefront stays fast under any traffic.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"slider-image-block-new\">\r\n                <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/04\/immersive-digital-retail.png\" alt=\"Immersive digital retail experience powered by interactive product visualization\r\n\" \/>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"swiper-slide\">\r\n            <div>\r\n                <div class=\"slider-title-new\">\r\n                <h3>Headless CMS consulting<\/h3>\r\n            <\/div>\r\n            <p class=\"slider-desc-new\">Our experts guide you in choosing the best headless CMS architecture, fitting it to your business needs for maximum flexibility and smooth integration with your current setup.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"slider-image-block-new\">\r\n                <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/software-design-workshop.png\" alt=\"Tech team reviewing UX concepts and mobile solutions at a product design session\r\n\" \/>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"swiper-slide\">\r\n            <div>\r\n                <div class=\"slider-title-new\">\r\n                <h3>Ongoing support and maintenance<\/h3>\r\n            <\/div>\r\n            <p class=\"slider-desc-new\">Even after launch, we\u2019ve got your back with continuous support, regular updates, and performance checks to keep your headless CMS secure and performing at its best.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"slider-image-block-new\">\r\n                <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/system-connectivity-consulting.png\" alt=\"Integration engineer providing support for enterprise system connectivity over a client call\r\n\" \/>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        \r\n     <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"mobile-domains-new num1\">\r\n\r\n        <div class=\"mobile-domains-navitem-new active\" data-mobile-domain=\"domain-1\">\r\n            <h3>Headless commerce development<\/h3>\r\n            <div class=\"slider-desc-new mobile-domain-list-new\">\r\n                <p class=\"slider-desc-new\">We build headless commerce solutions from the ground up. Clean architecture, flexible APIs, and fast performance. Your frontend isn\u2019t held back by your backend.<\/p>\r\n                    \r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/developer-collaboration-code-review.png\" alt=\"Developers collaborating and reviewing code together in a software project meeting\" \/>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"mobile-domains-navitem-new\" data-mobile-domain=\"domain-2\">\r\n            <h3>Headless commerce replatforming<\/h3>\r\n            <div class=\"slider-desc-new mobile-domain-list-new\">\r\n                <p class=\"slider-desc-new\">Does your current platform feel limiting? We move you to a headless setup step by step. Your data stays safe. Your SEO stays intact. You get more flexibility right away.<\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/backend-refactoring-workspace.png\" alt=\"Backend developer performing code refactoring on multiple monitors in a modern tech workspace\" \/>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"mobile-domains-navitem-new\" data-mobile-domain=\"domain-3\">\r\n            <h3>Headless storefront design<\/h3>\r\n            <div class=\"slider-desc-new mobile-domain-list-new\">\r\n                <p class=\"slider-desc-new\">Our team designs storefronts with clear layouts, structured navigation, and fast-loading UI. Every element is built to reduce friction and guide users to purchase.<\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/ecommerce-interactive-display.png\" alt=\"E-commerce tech team develops smart displays, blending virtual catalogs with interactive user journeys\r\n\" \/>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"mobile-domains-navitem-new\" data-mobile-domain=\"domain-4\">\r\n            <h3>Omnichannel strategy and implementation<\/h3>\r\n            <div class=\"slider-desc-new mobile-domain-list-new\">\r\n                <p class=\"slider-desc-new\">We connect your storefront, mobile apps, marketplaces, and in-store systems into one ecosystem. Your customers get the same experience everywhere, without data gaps.<\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/04\/unified-digital-commerce.png\" alt=\"Unified digital commerce enabling seamless purchasing across all channels\" \/>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"mobile-domains-navitem-new\" data-mobile-domain=\"domain-5\">\r\n            <h3>Custom API and plugin development<\/h3>\r\n            <div class=\"slider-desc-new mobile-domain-list-new\">\r\n                <p class=\"slider-desc-new\">Our developers give your headless CMS a boost with custom-made APIs and plugins \u2014 making it easy to integrate with third-party systems and expand features to fit exactly what you need.<\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/developer-data-dashboard-workspace.png\" alt=\"Developer analyzing data dashboards on dual monitors while writing code at the desk\r\n\" \/>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"mobile-domains-navitem-new\" data-mobile-domain=\"domain-6\">\r\n            <h3>Headless commerce integrations<\/h3>\r\n            <div class=\"slider-desc-new mobile-domain-list-new\">\r\n                <p class=\"slider-desc-new\">We integrate payment gateways, CRMs (like Salesforce), ERPs, PIMs, and analytics tools, ensuring real-time data sync and smooth operations across your entire stack.<\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/cloud-platform-user-routing.png\" alt=\"Automated workflow integration routes user data securely across cloud platforms for seamless access and collaboration\r\n\" \/>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"mobile-domains-navitem-new\" data-mobile-domain=\"domain-7\">\r\n            <h3>Headless storefront optimization<\/h3>\r\n            <div class=\"slider-desc-new mobile-domain-list-new\">\r\n                <p class=\"slider-desc-new\">Even a one-second delay can drop conversions. We optimize API response times, implement smart caching, and reduce frontend load, so your storefront stays fast under any traffic.<\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/04\/immersive-digital-retail.png\" alt=\"Immersive digital retail experience powered by interactive product visualization\r\n\" \/>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"mobile-domains-navitem-new\" data-mobile-domain=\"domain-8\">\r\n            <h3>Headless CMS consulting<\/h3>\r\n            <div class=\"slider-desc-new mobile-domain-list-new\">\r\n                <p class=\"slider-desc-new\">Our experts guide you in choosing the best headless CMS architecture, fitting it to your business needs for maximum flexibility and smooth integration with your current setup.<\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/software-design-workshop.png\" alt=\"Tech team reviewing UX concepts and mobile solutions at a product design session\r\n\" \/>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"mobile-domains-navitem-new\" data-mobile-domain=\"domain-9\">\r\n            <h3>Ongoing support and maintenance<\/h3>\r\n            <div class=\"slider-desc-new mobile-domain-list-new\">\r\n                <p class=\"slider-desc-new\">Even after launch, we\u2019ve got your back with continuous support, regular updates, and performance checks to keep your headless CMS secure and performing at its best.<\/p>\r\n\r\n                    <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Images_for_services_680x250\/system-connectivity-consulting.png\" alt=\"Integration engineer providing support for enterprise system connectivity over a client call\r\n\" \/>\r\n\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        \r\n        \r\n        <div class=\"domains-toggle\">Show more<\/div>\r\n        \r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n\r\n        const mobileNavItems = document.querySelectorAll('.mobile-domains-navitem-new');\r\n\r\n        const domainsListItems = document.querySelectorAll(\r\n            '.domains-container  .domains__list  .domain__list_container  .domains__list-item'\r\n        );\r\n        const domainsDescriptions = document.querySelectorAll(\r\n            '.domains-container  .domains__descriptions  .swiper-slide'\r\n        );\r\n         const toggle = document.querySelector('.domains-toggle');\r\n         const visibleCount = 7;\r\n\r\n    \/\/ \u0418\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0438 7+\r\n        mobileNavItems.forEach((row, index) => {\r\n                if (index >= visibleCount) row.classList.add(\"hidden\");\r\n        });\r\n\r\n        let expanded = false;\r\n\r\n        toggle.addEventListener(\"click\", () => {\r\n          expanded = !expanded;\r\n    \r\n          mobileNavItems.forEach((row, index) => {\r\n            if (!expanded && index >= visibleCount) {\r\n              row.classList.add(\"hidden\");\r\n            } else {\r\n              row.classList.remove(\"hidden\");\r\n            }\r\n          });\r\n    \r\n          toggle.textContent = expanded ? \"Show less\" : \"Show more\";\r\n        });\r\n        \r\n        function showMobileItem(item) {\r\n            item.classList.add('active')\r\n\r\n            const content = item.querySelector('.slider-desc-new mobile-domain-list-new');\r\n            if (content) {\r\n                content.style.transitionDuration = content.scrollHeight * 1 + 'ms'\r\n                \r\n                content.style.maxHeight = content.scrollHeight ? Math.max(content.scrollHeight, 700) + 'px' : \"unset\"\r\n                \r\n            };\r\n        }\r\n\r\n        function hideMobileItem(item) {\r\n            item.classList.remove('active')\r\n\r\n            const content = item.querySelector('.slider-desc-new mobile-domain-list-new');\r\n            if (content) {\r\n                content.style.transitionDuration = 0;\r\n                content.style.maxHeight = '0';\r\n            }\r\n        }\r\n\r\n\r\n        function activateMobileItem(index, canClose = true) {\r\n            const item = mobileNavItems[index];\r\n            \r\n            const isActive = item.classList.contains('active');\r\n                \/\/ Collapse all items\r\n            mobileNavItems.forEach(nav => {\r\n                hideMobileItem(nav)\r\n            });\r\n\r\n            \/\/ Expand clicked item only if it was not active\r\n            if (!isActive || !canClose) {\r\n                showMobileItem(item)\r\n            }\r\n        }\r\n\r\n        function activateDesktopItem(index) {\r\n            domainsListItems.forEach((item, itemIndex) => {\r\n                if (itemIndex === index) {\r\n                    item.classList.add('domains__list-item_active');\r\n                } else {\r\n                    item.classList.remove('domains__list-item_active');\r\n                }\r\n            });\r\n            \r\n            domainsDescriptions.forEach(\r\n                (itemDesc, itemDescIndex) => {\r\n                    if (itemDescIndex === index) {\r\n                        itemDesc.classList.add(\r\n                            'swiper-slide_active'\r\n                        );\r\n                    } else {\r\n                        itemDesc.classList.remove(\r\n                            'swiper-slide_active'\r\n                        );\r\n                    }\r\n                }\r\n            );\r\n        }\r\n\r\n        mobileNavItems.forEach((item, index) => {\r\n            item.querySelector(\".mobile-domains-navitem-new-title\").addEventListener('click', () => {\r\n                activateMobileItem(index);\r\n                activateDesktopItem(index);\r\n            });\r\n        });\r\n\r\n        domainsListItems.forEach((item, index) => {\r\n            item.addEventListener('click', () => {\r\n                activateDesktopItem(index);\r\n                activateMobileItem(index, false);\r\n            });\r\n        });\r\n        \r\n        activateMobileItem(0)\r\n        \r\n    });\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const mobileNavItems = document.querySelectorAll('.mobile-domains-new.num1 .mobile-domains-navitem-new');\r\n\r\n    mobileNavItems.forEach(item => {\r\n        item.addEventListener('click', () => {\r\n            const isActive = item.classList.contains('active');\r\n\r\n            \/\/ Collapse all items\r\n            mobileNavItems.forEach(nav => {\r\n                nav.classList.remove('active');\r\n                const ul = nav.querySelector('.mobile-domain-list');\r\n                if (ul) ul.style.maxHeight = '0';\r\n            });\r\n\r\n            \/\/ Expand clicked item only if it was not active\r\n            if (!isActive) {\r\n                item.classList.add('active');\r\n                const ul = item.querySelector('.mobile-domain-list');\r\n                if (ul) ul.style.maxHeight = ul.scrollHeight + 'px';\r\n            }\r\n        });\r\n    });\r\n    \r\n    const firstNavItem = mobileNavItems.item(0);\r\n    \r\n    if (firstNavItem && !firstNavItem.classList.contains('active')) {\r\n        firstNavItem.click();\r\n    }\r\n});\r\n\r\n<\/script>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \r\n  const domainsSwiper = new Swiper('.domains__descriptions-new.num1', {\r\n    slidesPerView: 1,\r\n   spaceBetween: 24, \r\n       effect:'fade',\r\n    allowTouchMove:false,   \r\n       \r\n  });  \r\n    \r\n\r\nconst domainsListItems = document.querySelectorAll(\r\n  '.domains__list-new.num1 li'\r\n);\r\n\r\nconst rightPart = document.querySelector(\r\n  '.domains__descriptions-new.num1'\r\n);\r\n\r\nconst leftPart = document.querySelector(\r\n  '.domains__list-new.num1'\r\n);\r\n\r\n\r\nconst rightPartHeight = rightPart.getBoundingClientRect().height\r\n\r\nif(rightPartHeight > leftPart.getBoundingClientRect().height){\r\n    leftPart.style.minHeight = `${rightPartHeight}px`;\r\n}\r\n\r\n\r\n\r\n\r\n\r\ndomainsListItems.forEach((domainsListItem, domainsListItemIndex, arr) => {\r\n    \r\n  domainsListItem.addEventListener('click', () => {\r\n    arr.forEach((item,i) => {\r\n      if (item === domainsListItem) {\r\n        item.classList.add('active');\r\n        domainsSwiper.slideTo(i);\r\n      } else {\r\n        item.classList.remove('active');\r\n      }\r\n    });\r\n    \r\n  });\r\n});\r\n\r\n\r\n\r\n\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b02b48f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b02b48f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f127f3c\" data-id=\"f127f3c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d382be9 elementor-hidden-mobile logos-new elementor-widget elementor-widget-html\" data-id=\"d382be9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"logos-containerBottom\">\r\n\r\n    <div class=\"logos-lane\">\r\n\r\n        <div class=\"logos-part\">\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Hays_logo.svg\" data-no-lazy=\"1\" alt=\"Hays logo.\">\r\n\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/spar_logo.svg\" data-no-lazy=\"1\" alt=\"Spar logo.\" loading=\"lazy\">\r\n            \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Tietoevry_logo.svg\" data-no-lazy=\"1\" alt=\"Tietoevry logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/BS2_logo.svg\" data-no-lazy=\"1\" alt=\"BS2 logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Digital_science_logo.svg\" data-no-lazy=\"1\" alt=\"Digital science logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/CBQK.QA_logo.svg\" data-no-lazy=\"1\" alt=\"CBQK.QA logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/topcon_logo.svg\" data-no-lazy=\"1\" alt=\"Topcon logo.\" loading=\"lazy\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/NTT_Data_logo.svg\" data-no-lazy=\"1\" alt=\"NTT Data logo.\" loading=\"lazy\">\r\n        \r\n            \r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Momentum_Metropolitan_logo.svg\" data-no-lazy=\"1\" alt=\"Momentum Metropolitan logo.\" loading=\"lazy\">\r\n            \r\n            \r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Familux_Resorts_logo.svg\" data-no-lazy=\"1\" alt=\"Familux Resorts logo.\" loading=\"lazy\">\r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/LAPRAAC_logo.svg\" data-no-lazy=\"1\" alt=\"LAPRAAC logo.\" loading=\"lazy\">\r\n\r\n\r\n        <\/div>\r\n\r\n        <div class=\"logos-part\">\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Hays_logo.svg\" data-no-lazy=\"1\" alt=\"Hays logo.\">\r\n\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/spar_logo.svg\" data-no-lazy=\"1\" alt=\"Spar logo.\" loading=\"lazy\">\r\n            \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Tietoevry_logo.svg\" data-no-lazy=\"1\" alt=\"Tietoevry logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/BS2_logo.svg\" data-no-lazy=\"1\" alt=\"BS2 logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Digital_science_logo.svg\" data-no-lazy=\"1\" alt=\"Digital science logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/CBQK.QA_logo.svg\" data-no-lazy=\"1\" alt=\"CBQK.QA logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/topcon_logo.svg\" data-no-lazy=\"1\" alt=\"Topcon logo.\" loading=\"lazy\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/NTT_Data_logo.svg\" data-no-lazy=\"1\" alt=\"NTT Data logo.\" loading=\"lazy\">\r\n            \r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Momentum_Metropolitan_logo.svg\" data-no-lazy=\"1\" alt=\"Momentum Metropolitan logo.\" loading=\"lazy\">\r\n            \r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Familux_Resorts_logo.svg\" data-no-lazy=\"1\" alt=\"Familux Resorts logo.\" loading=\"lazy\">\r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/LAPRAAC_logo.svg\" data-no-lazy=\"1\" alt=\"LAPRAAC logo.\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n    const logosObserverBottom = new IntersectionObserver(\r\n        ([entry]) => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('animation');\r\n            } else {\r\n                entry.target.classList.remove('animation');\r\n            }\r\n        },\r\n        { threshold: 0 },\r\n    );\r\n\r\n    const logosContainerBottom = document.querySelector(\r\n        '#logos-containerBottom'\r\n    );\r\n\r\n    logosObserverBottom.observe(logosContainerBottom);\r\n<\/script>\r\n\r\n<style>\r\n    \r\n.logos-new {\r\n    --logos-gap: 110px;\r\n    margin: 0 !important;\r\n}\r\n\r\n.logos-lane {\r\n    display: flex;\r\n    gap: var(--logos-gap);\r\n    align-items: center;\r\n    flex-wrap: nowrap;\r\n    flex-direction: row;\r\n    min-width: fit-content;\r\n}\r\n\r\n.animation .logos-lane {\r\n    animation: 40s linear infinite move;\r\n}\r\n\r\n.animation .logos-lane.reverse {\r\n    animation-direction: reverse;\r\n}\r\n\r\n.logos-part {\r\n    display: flex;\r\n    gap: var(--logos-gap);\r\n    align-items: center;\r\n    flex-wrap: nowrap;\r\n    flex-direction: row;\r\n}\r\n\r\n\r\n\r\n.logos-part img{\r\n    height: 100px;\r\n}\r\n\r\n@media screen and (max-width: 1279px) {\r\n\r\n}\r\n\r\n\r\n\r\n@keyframes move {\r\n    from {\r\n        transform: translateX(0);\r\n    }\r\n    to {\r\n        transform: translateX( calc(-50% - (var(--logos-gap) \/ 2)) );\r\n    }\r\n}\r\n\r\n.mobile-logos-new * {\r\n    overflow: visible;\r\n}\r\n\r\n.mobile-logos-new {\r\n    --mobile-logos-gap: 40px;\r\n}\r\n\r\n.mobile-logos-top {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.mobile-logos-lane {\r\n    display: flex;\r\n    gap: var(--mobile-logos-gap);\r\n    align-items: center;\r\n    flex-wrap: nowrap;\r\n    flex-direction: row;\r\n    min-width: fit-content;\r\n    height: fit-content !important;\r\n}\r\n\r\n.animation .mobile-logos-lane {\r\n    animation: 25s linear infinite move-on-mobile;\r\n}\r\n\r\n\/*.animation .mobile-logos-bottom .mobile-logos-lane {*\/\r\n\/*    animation-direction: reverse;*\/\r\n\/*}*\/\r\n\r\n.animation .mobile-logos:nth-child(odd) .mobile-logos-lane {\r\n    animation-direction: reverse;\r\n}\r\n\r\n.mobile-logos-part {\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: center;\r\n    flex-wrap: nowrap;\r\n    flex-direction: row;\r\n}\r\n\r\n\r\n.mobile-logos-lane-1 img {\r\n    height: 60px;\r\n}\r\n.mobile-logos-lane-2 img{\r\n    height: 60px;\r\n}\r\n\r\n@keyframes move-on-mobile {\r\n    from {\r\n        transform: translateX(0);\r\n    }\r\n    to {\r\n        transform: translateX( calc(-50% - (var(--mobile-logos-gap) \/ 2)) );\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ce23f0 elementor-hidden-desktop elementor-hidden-tablet mobile-logos-new elementor-widget elementor-widget-html\" data-id=\"6ce23f0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"mobile-logos-container\">\r\n    <div class=\"mobile-logos mobile-logos-top\">\r\n        <div class=\"mobile-logos-lane \">\r\n\r\n            <div class=\"mobile-logos-part mobile-logos-lane-1\">\r\n                           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Hays_logo.svg\" data-no-lazy=\"1\" alt=\"Hays logo.\">\r\n\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/spar_logo.svg\" data-no-lazy=\"1\" alt=\"Spar logo.\" loading=\"lazy\">\r\n            \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Tietoevry_logo.svg\" data-no-lazy=\"1\" alt=\"Tietoevry logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/BS2_logo.svg\" data-no-lazy=\"1\" alt=\"BS2 logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Digital_science_logo.svg\" data-no-lazy=\"1\" alt=\"Digital science logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/CBQK.QA_logo.svg\" data-no-lazy=\"1\" alt=\"CBQK.QA logo.\" loading=\"lazy\">\r\n            <\/div>\r\n\r\n            <div class=\"mobile-logos-part mobile-logos-lane-1\">\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Hays_logo.svg\" data-no-lazy=\"1\" alt=\"Hays logo.\">\r\n\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/spar_logo.svg\" data-no-lazy=\"1\" alt=\"Spar logo.\" loading=\"lazy\">\r\n            \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Tietoevry_logo.svg\" data-no-lazy=\"1\" alt=\"Tietoevry logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Digital_science_logo.svg\" data-no-lazy=\"1\" alt=\"Digital science logo.\" loading=\"lazy\">\r\n           \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/CBQK.QA_logo.svg\" data-no-lazy=\"1\" alt=\"CBQK.QA logo.\" loading=\"lazy\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mobile-logos swiper mobile-logos-bottom\">\r\n        <div class=\"mobile-logos-lane\">\r\n\r\n            <div class=\"mobile-logos-part mobile-logos-lane-2\">\r\n \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/topcon_logo.svg\" data-no-lazy=\"1\" alt=\"Topcon logo.\" loading=\"lazy\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/NTT_Data_logo.svg\" data-no-lazy=\"1\" alt=\"NTT Data logo.\" loading=\"lazy\">\r\n            \r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Momentum_Metropolitan_logo.svg\" data-no-lazy=\"1\" alt=\"Momentum Metropolitan logo.\" loading=\"lazy\">\r\n            \r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Familux_Resorts_logo.svg\" data-no-lazy=\"1\" alt=\"Familux Resorts logo.\" loading=\"lazy\">\r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/LAPRAAC_logo.svg\" data-no-lazy=\"1\" alt=\"LAPRAAC logo.\" loading=\"lazy\">\r\n            <\/div>\r\n\r\n            \r\n            <div class=\"mobile-logos-part mobile-logos-lane-2\">\r\n \r\n           <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/topcon_logo.svg\" data-no-lazy=\"1\" alt=\"Topcon logo.\" loading=\"lazy\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/NTT_Data_logo.svg\" data-no-lazy=\"1\" alt=\"NTT Data logo.\" loading=\"lazy\">\r\n            \r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Momentum_Metropolitan_logo.svg\" data-no-lazy=\"1\" alt=\"Momentum Metropolitan logo.\" loading=\"lazy\">\r\n            \r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Familux_Resorts_logo.svg\" data-no-lazy=\"1\" alt=\"Familux Resorts logo.\" loading=\"lazy\">\r\n             <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/LAPRAAC_logo.svg\" data-no-lazy=\"1\" alt=\"LAPRAAC logo.\" loading=\"lazy\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n    const mobileLogosObserver = new IntersectionObserver(\r\n        ([entry]) => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('animation');\r\n            } else {\r\n                entry.target.classList.remove('animation');\r\n            }\r\n        },\r\n        { threshold: 0 },\r\n    );\r\n\r\n    const mobileLogosContainer = document.querySelector(\r\n        '#mobile-logos-container'\r\n    );\r\n\r\n    mobileLogosObserver.observe(mobileLogosContainer);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b74a6d4 e-flex e-con-boxed e-con e-parent\" data-id=\"b74a6d4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edba645 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"edba645\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Headless in action: use cases we solve<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e88fdc elementor-widget elementor-widget-html\" data-id=\"2e88fdc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.hover-animated-container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    gap: 40px;\r\n}\r\n\r\n.hover-animated-block, .card-cta {\r\n    width: calc(33.33% - 27px);\r\n    box-sizing: border-box;\r\n    padding: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: background-color 0.3s ease;\r\n    height: 232px;\r\n    justify-content: space-between;\r\n    align-items: start;\r\n}\r\n\r\n.card-cta .card-cta-title{\r\n    font-family: Sora;\r\n    font-size: 24px;\r\n    line-height: 135%;\r\n}\r\n\r\n.card-cta .card-cta-btn{\r\n    background-color: #C63031;\r\n    color: #FFFFFF;\r\n    font-family: Karla;\r\n    font-size: 18px;\r\n    line-height: 150%;\r\n    padding: 14px 28px;\r\n    flex-shrink: 0;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.card-cta .card-cta-btn:hover{\r\n    background-color: #D13B3B;\r\n}\r\n\r\n@media (max-width: 767px){\r\n    .card-cta .card-cta-btn{\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .card-cta .card-cta-title{\r\n        font-size: 18px;\r\n        line-height: 130%;\r\n    }\r\n}\r\n\r\n.hover-animated-block{\r\n    background-color: #F5F5F7;\r\n    \r\n}\r\n\r\n.hover-animated-block .desktop-img {\r\n    width: 60px;\r\n\r\n}\r\n\r\n.hover-animated-block .mobile-img {\r\n    display: none;\r\n}\r\n\r\n.hover-animated-title {\r\n    font-family: Karla;\r\n    font-size: 24px;\r\n    font-weight: 400;\r\n    line-height: 31.2px;\r\n    color: #2E2E2E;\r\n    max-width: 290px;\r\n\r\n}\r\n\r\n.hover-animated-hover-text {\r\n    font-family: Karla;\r\n    font-size: 18px;\r\n    line-height: 27px;\r\n    color: #FFFFFF;\r\n\r\n\r\n    pointer-events: none;\r\n    display: none;\r\n}\r\n\r\n.hover-animated-block:hover .hover-animated-title {\r\n    display: none;\r\n}\r\n\r\n.hover-animated-block:hover .desktop-img {\r\n    display: none;\r\n}\r\n\r\n.hover-animated-block:hover {\r\n    background-color: #2E2E2E;\r\n}\r\n\r\n\r\n.hover-animated-block:hover .hover-animated-hover-text {\r\n    opacity: 1;\r\n    display: block;\r\n}\r\n\r\n@media (max-width: 1279px) {\r\n    \/*.hover-animated-title {*\/\r\n    \/*    word-wrap: break-word;*\/\r\n    \/*    hyphens: auto;*\/\r\n    \/*}*\/\r\n\r\n    .long-word {\r\n        max-width: calc(100% - 100px);\r\n        word-wrap: break-word;\r\n    }\r\n\r\n    .hover-animated-block, .card-cta {\r\n        width: calc(50% - 10px);\r\n        padding: 30px;\r\n        height: 205px;\r\n    }\r\n    \r\n    .hover-animated-hover-text {\r\n        font-size: 18px;\r\n        line-height: 27px;\r\n    }\r\n\r\n    .hover-animated-container {\r\n        display: flex;\r\n        flex-direction: row;\r\n        min-height: 356px;\r\n        gap: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    \r\n    .hover-animated-title .mobile-img{\r\n        width:40px;\r\n        height:40px;\r\n    }\r\n    \r\n    .hover-animated-container {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .hover-animated-block, .card-cta {\r\n        min-width: 100%;\r\n        padding: 20px;\r\n        height: auto;\r\n        gap: 16px;\r\n    }\r\n    \r\n    .card-cta{\r\n        flex-direction: row;\r\n    }\r\n    \r\n    .hover-animated-block .mobile-img {\r\n        display: block;\r\n}\r\n    \r\n    .hover-animated-hover-text {\r\n        font-size: 14px;\r\n        line-height: 21px;\r\n        display: block;\r\n        color: #2e2e2e;\r\n        opacity: 1;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .hover-animated-block .desktop-img {\r\n        width: 40px;\r\n        height: 40px;\r\n        display: none !important;\r\n    }\r\n\r\n    .hover-animated-title {\r\n        min-width: 100%;\r\n        font-size: 18px;\r\n        line-height: 24px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .hover-animated-title span {\r\n        display: block;\r\n        max-width: 240px;\r\n    }\r\n\r\n    .hover-animated-block:hover .hover-animated-title,\r\n    .hover-animated-block:hover .desktop-img,\r\n    .hover-animated-block:hover .hover-animated-hover-text {\r\n        display: flex;\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .hover-animated-block:hover {\r\n        background-color: #F5F5F7;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"hover-animated-container\">\r\n  <div class=\"hover-animated-block\">\r\n    <div class=\"hover-animated-title\">\r\n      <span>Omnichannel storefronts<\/span>\r\n      <img decoding=\"async\" class=\"mobile-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2024\/10\/173.svg\" \/ alt=\"\">\r\n    <\/div>\r\n    <span class=\"hover-animated-hover-text\">Consistent UX across web, mobile, and POS<\/span>\r\n    <img decoding=\"async\" class=\"desktop-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2024\/10\/173.svg\" \/ alt=\"\">\r\n  <\/div>\r\n  \r\n  <div class=\"hover-animated-block\">\r\n    <div class=\"hover-animated-title\">\r\n      <span>Multi-brand, multi-region<\/span>\r\n      <img decoding=\"async\" class=\"mobile-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/02\/237.svg\" \/ alt=\"\">\r\n    <\/div>\r\n    <span class=\"hover-animated-hover-text\">Launch new stores fast without duplicating setups<\/span>\r\n    <img decoding=\"async\" class=\"desktop-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/02\/237.svg\" \/ alt=\"\">\r\n  <\/div>\r\n  \r\n  <div class=\"hover-animated-block\">\r\n    <div class=\"hover-animated-title\">\r\n      <span>Personalized frontends<\/span>\r\n      <img decoding=\"async\" class=\"mobile-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2024\/09\/127.svg\" \/ alt=\"\">\r\n    <\/div>\r\n    <span class=\"hover-animated-hover-text\">Dynamic content, pricing, and offers by audience<\/span>\r\n    <img decoding=\"async\" class=\"desktop-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2024\/09\/127.svg\" \/ alt=\"\">\r\n  <\/div>\r\n  \r\n  <div class=\"hover-animated-block\">\r\n    <div class=\"hover-animated-title\">\r\n      <span>Composable CMS<\/span>\r\n      <img decoding=\"async\" class=\"mobile-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/03\/314.svg\" \/ alt=\"\">\r\n    <\/div>\r\n    <span class=\"hover-animated-hover-text\">Change content tools without full replatforming<\/span>\r\n    <img decoding=\"async\" class=\"desktop-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/03\/314.svg\" \/ alt=\"\">\r\n  <\/div>\r\n  \r\n  <div class=\"hover-animated-block\">\r\n    <div class=\"hover-animated-title\">\r\n      <span>API-first integrations<\/span>\r\n      <img decoding=\"async\" class=\"mobile-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/03\/447.svg\" \/ alt=\"\">\r\n    <\/div>\r\n    <span class=\"hover-animated-hover-text\">Real-time sync for pricing, inventory, promotions<\/span>\r\n    <img decoding=\"async\" class=\"desktop-img\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/03\/447.svg\" \/ alt=\"\">\r\n  <\/div>\r\n  \r\n  <div class=\"card-cta\">\r\n      <span class=\"card-cta-title\">\r\n          Need a headless commerce solution?\r\n      <\/span>\r\n      \r\n      <a class=\"card-cta-btn\" href=\"#contact-form\">\r\n\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t<span class=\"elementor-button-text\">Let\u2019s talk\r\n\t\t\t<\/span>\r\n\t\t<\/span>\r\n\t  <\/a>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bdeeec6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bdeeec6\" data-element_type=\"section\" id=\"test2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5441c66\" data-id=\"5441c66\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af442fb elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"af442fb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Case studies\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0af51b case-swip elementor-widget elementor-widget-shortcode\" data-id=\"a0af51b\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <div class=\"slider-overflow\">\n            <div class=\"swiper-related\">\n                <div class=\"swiper-wrapper\">\n        <div class=\"swiper-slide\">\n            <div class=\"swiper-into-e1\">\n                <div class=\"swiper-slide__inner-container\">\n                    <div class=\"block-div-img-rel\">\n                        <a href=\"https:\/\/innowise.com\/pt\/case\/iot-plant-watering-system\/\" aria-label=\"block_196663\">\n                            <img decoding=\"async\" class=\"slide__img-rel\" \n                             src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/image-teaser-1.png\" alt=\"Intelligent IoT-based robot to navigate the office and water plants.\">\n                        <\/a>\n                    <\/div>\n                    <div class=\"border-slide-rel\">\n                        <div class=\"swip-title-rel-qe mb-10\" style=\"\">\n                            <a href=\"https:\/\/innowise.com\/pt\/case\/iot-plant-watering-system\/\" aria-label=\"Intelligent IoT-based robot to navigate the office and water plants\" >Intelligent IoT-based robot to navigate the office and water plants<\/a>\n                        <\/div>\n                        <div class=\"swip-array-rel\">\n                            <a href=\"\/pt\/cases\/aws\/\">AWS<\/a><a href=\"\/pt\/cases\/computer-vision\/\">Computer vision<\/a><a href=\"\/pt\/cases\/embedded\/\">Embedded<\/a><a href=\"\/pt\/cases\/iot\/\">IoT<\/a><a href=\"\/pt\/cases\/js\/\">JavaScript<\/a><a href=\"\/pt\/cases\/python\/\">Python<\/a>\n                        <\/div>\n                        <div class=\"slide__button-wrapper_mob\">\n                            <span class=\"slide__button-text_mob\">Read more<\/span>\n                            <img decoding=\"async\" class=\"slide__button-img_mob\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2021\/12\/arrow-more.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"slide__button-wrapper\">\n                <a href=\"https:\/\/innowise.com\/pt\/case\/iot-plant-watering-system\/\" aria-label=\"Read more about Intelligent IoT-based robot to navigate the office and water plants\">\n                    <div class=\"arrow-btn3-rel\">\n                        <svg class=\"arrow-btn__svg\"\n                             width=\"110\"\n                             height=\"18\"\n                             viewBox=\"0 0 110 18\"\n                             fill=\"none\"\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 1L17 8.99999L9 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M0 9.00018L17 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M99 1L107 8.99999L99 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M90 9.00018L107 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n            <div class=\"swiper-into-e1\">\n                <div class=\"swiper-slide__inner-container\">\n                    <div class=\"block-div-img-rel\">\n                        <a href=\"https:\/\/innowise.com\/pt\/case\/salesforce-implementation-process-transformation\/\" aria-label=\"block_195990\">\n                            <img decoding=\"async\" class=\"slide__img-rel\" \n                             src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/image-teaser.png\" alt=\"Innowise&#8217;s Salesforce rollout and business process overhaul.\">\n                    <div class=\"cases-post__thumbnail_opencase_img\">\n                        <div>\n                            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/04\/Log\u043es-desktop-1.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                \n                        <\/a>\n                    <\/div>\n                    <div class=\"border-slide-rel\">\n                        <div class=\"swip-title-rel-qe mb-10\" style=\"\">\n                            <a href=\"https:\/\/innowise.com\/pt\/case\/salesforce-implementation-process-transformation\/\" aria-label=\"Innowise's Salesforce rollout and business process overhaul\" >Innowise's Salesforce rollout and business process overhaul<\/a>\n                        <\/div>\n                        <div class=\"swip-array-rel\">\n                            <a href=\"\/pt\/cases\/business-process-automation-bpa\/\">Business process automation (BPA)<\/a><a href=\"\/pt\/cases\/cloud\/\">Cloud<\/a><a href=\"\/pt\/cases\/it\/\">Information technology<\/a><a href=\"\/pt\/cases\/salesforce\/\">Salesforce<\/a>\n                        <\/div>\n                        <div class=\"slide__button-wrapper_mob\">\n                            <span class=\"slide__button-text_mob\">Read more<\/span>\n                            <img decoding=\"async\" class=\"slide__button-img_mob\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2021\/12\/arrow-more.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"slide__button-wrapper\">\n                <a href=\"https:\/\/innowise.com\/pt\/case\/salesforce-implementation-process-transformation\/\" aria-label=\"Read more about Innowise's Salesforce rollout and business process overhaul\">\n                    <div class=\"arrow-btn3-rel\">\n                        <svg class=\"arrow-btn__svg\"\n                             width=\"110\"\n                             height=\"18\"\n                             viewBox=\"0 0 110 18\"\n                             fill=\"none\"\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 1L17 8.99999L9 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M0 9.00018L17 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M99 1L107 8.99999L99 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M90 9.00018L107 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n            <div class=\"swiper-into-e1\">\n                <div class=\"swiper-slide__inner-container\">\n                    <div class=\"block-div-img-rel\">\n                        <a href=\"https:\/\/innowise.com\/pt\/case\/ai-assisted-contract-parsing-platform\/\" aria-label=\"block_195705\">\n                            <img decoding=\"async\" class=\"slide__img-rel\" \n                             src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/04\/image.jpg\" alt=\"AI-assisted contract transformation platform (DORA \/ NIS2 ready).\">\n                    <div class=\"cases-post__thumbnail_opencase_img\">\n                        <div>\n                            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/04\/Log\u043es-desktop-1-1.png\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                \n                        <\/a>\n                    <\/div>\n                    <div class=\"border-slide-rel\">\n                        <div class=\"swip-title-rel-qe mb-10\" style=\"\">\n                            <a href=\"https:\/\/innowise.com\/pt\/case\/ai-assisted-contract-parsing-platform\/\" aria-label=\"AI-assisted contract transformation platform (DORA \/ NIS2 ready)\" >AI-assisted contract transformation platform (DORA \/ NIS2 ready)<\/a>\n                        <\/div>\n                        <div class=\"swip-array-rel\">\n                            <a href=\"\/pt\/cases\/ai\/\">AI<\/a><a href=\"\/pt\/cases\/business-process-automation-bpa\/\">Business process automation (BPA)<\/a><a href=\"\/pt\/cases\/java\/\">Java<\/a><a href=\"\/pt\/cases\/legal\/\">Legal<\/a>\n                        <\/div>\n                        <div class=\"slide__button-wrapper_mob\">\n                            <span class=\"slide__button-text_mob\">Read more<\/span>\n                            <img decoding=\"async\" class=\"slide__button-img_mob\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2021\/12\/arrow-more.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"slide__button-wrapper\">\n                <a href=\"https:\/\/innowise.com\/pt\/case\/ai-assisted-contract-parsing-platform\/\" aria-label=\"Read more about AI-assisted contract transformation platform (DORA \/ NIS2 ready)\">\n                    <div class=\"arrow-btn3-rel\">\n                        <svg class=\"arrow-btn__svg\"\n                             width=\"110\"\n                             height=\"18\"\n                             viewBox=\"0 0 110 18\"\n                             fill=\"none\"\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 1L17 8.99999L9 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M0 9.00018L17 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M99 1L107 8.99999L99 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M90 9.00018L107 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n            <div class=\"swiper-into-e1\">\n                <div class=\"swiper-slide__inner-container\">\n                    <div class=\"block-div-img-rel\">\n                        <a href=\"https:\/\/innowise.com\/pt\/case\/gestical-platform-modernization\/\" aria-label=\"block_194759\">\n                            <img decoding=\"async\" class=\"slide__img-rel\" \n                             src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/03\/smart-meter-integration.png\" alt=\"Modernization of Gestical\u2019s operational platform.\">\n                    <div class=\"cases-post__thumbnail_opencase_img\">\n                        <div>\n                            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/03\/gestical.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                \n                        <\/a>\n                    <\/div>\n                    <div class=\"border-slide-rel\">\n                        <div class=\"swip-title-rel-qe mb-10\" style=\"\">\n                            <a href=\"https:\/\/innowise.com\/pt\/case\/gestical-platform-modernization\/\" aria-label=\"Modernization of Gestical\u2019s operational platform\" >Modernization of Gestical\u2019s operational platform<\/a>\n                        <\/div>\n                        <div class=\"swip-array-rel\">\n                            <a href=\"\/pt\/cases\/energy\/\">Energy<\/a><a href=\"\/pt\/cases\/staff-augmentation\/\">Staff augmentation<\/a>\n                        <\/div>\n                        <div class=\"slide__button-wrapper_mob\">\n                            <span class=\"slide__button-text_mob\">Read more<\/span>\n                            <img decoding=\"async\" class=\"slide__button-img_mob\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2021\/12\/arrow-more.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"slide__button-wrapper\">\n                <a href=\"https:\/\/innowise.com\/pt\/case\/gestical-platform-modernization\/\" aria-label=\"Read more about Modernization of Gestical\u2019s operational platform\">\n                    <div class=\"arrow-btn3-rel\">\n                        <svg class=\"arrow-btn__svg\"\n                             width=\"110\"\n                             height=\"18\"\n                             viewBox=\"0 0 110 18\"\n                             fill=\"none\"\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 1L17 8.99999L9 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M0 9.00018L17 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M99 1L107 8.99999L99 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M90 9.00018L107 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n            <div class=\"swiper-into-e1\">\n                <div class=\"swiper-slide__inner-container\">\n                    <div class=\"block-div-img-rel\">\n                        <a href=\"https:\/\/innowise.com\/pt\/case\/ios-and-vr-meditation-app-development\/\" aria-label=\"block_194217\">\n                            <img decoding=\"async\" class=\"slide__img-rel\" \n                             src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/03\/iOS-and-VR-meditation-app-suite-for-Grozio-Planeta-UAB-2.png\" alt=\"iOS and VR meditation app suite for Gro\u017eio Planeta UAB.\">\n                        <\/a>\n                    <\/div>\n                    <div class=\"border-slide-rel\">\n                        <div class=\"swip-title-rel-qe mb-10\" style=\"\">\n                            <a href=\"https:\/\/innowise.com\/pt\/case\/ios-and-vr-meditation-app-development\/\" aria-label=\"iOS and VR meditation app suite for Gro\u017eio Planeta UAB\" >iOS and VR meditation app suite for Gro\u017eio Planeta UAB<\/a>\n                        <\/div>\n                        <div class=\"swip-array-rel\">\n                            <a href=\"\/pt\/cases\/aws\/\">AWS<\/a><a href=\"\/pt\/cases\/django\/\">Django<\/a><a href=\"\/pt\/cases\/saude\/\">Healthcare<\/a><a href=\"\/pt\/cases\/mobile-development\/\">Mobile development<\/a><a href=\"\/pt\/cases\/php\/\">PHP<\/a><a href=\"\/pt\/cases\/python\/\">Python<\/a>\n                        <\/div>\n                        <div class=\"slide__button-wrapper_mob\">\n                            <span class=\"slide__button-text_mob\">Read more<\/span>\n                            <img decoding=\"async\" class=\"slide__button-img_mob\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2021\/12\/arrow-more.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"slide__button-wrapper\">\n                <a href=\"https:\/\/innowise.com\/pt\/case\/ios-and-vr-meditation-app-development\/\" aria-label=\"Read more about iOS and VR meditation app suite for Gro\u017eio Planeta UAB\">\n                    <div class=\"arrow-btn3-rel\">\n                        <svg class=\"arrow-btn__svg\"\n                             width=\"110\"\n                             height=\"18\"\n                             viewBox=\"0 0 110 18\"\n                             fill=\"none\"\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 1L17 8.99999L9 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M0 9.00018L17 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M99 1L107 8.99999L99 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M90 9.00018L107 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n            <div class=\"swiper-into-e1\">\n                <div class=\"swiper-slide__inner-container\">\n                    <div class=\"block-div-img-rel\">\n                        <a href=\"https:\/\/innowise.com\/pt\/case\/custom-website-development-for-airline\/\" aria-label=\"block_193018\">\n                            <img decoding=\"async\" class=\"slide__img-rel\" \n                             src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/02\/airplane-in-the-sky.jpg\" alt=\"Multi-page charter airline website for a startup air carrier.\">\n                    <div class=\"cases-post__thumbnail_opencase_img\">\n                        <div>\n                            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/03\/Flyyo-logo.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                \n                        <\/a>\n                    <\/div>\n                    <div class=\"border-slide-rel\">\n                        <div class=\"swip-title-rel-qe mb-10\" style=\"\">\n                            <a href=\"https:\/\/innowise.com\/pt\/case\/custom-website-development-for-airline\/\" aria-label=\"Multi-page charter airline website for a startup air carrier\" >Multi-page charter airline website for a startup air carrier<\/a>\n                        <\/div>\n                        <div class=\"swip-array-rel\">\n                            <a href=\"\/pt\/cases\/php\/\">PHP<\/a><a href=\"\/pt\/cases\/transporte\/\">Transportation<\/a><a href=\"\/pt\/cases\/design\/\">UI\/UX design<\/a><a href=\"\/pt\/cases\/desenvolvimento-web\/\">Web development<\/a><a href=\"\/pt\/cases\/website\/\">Website<\/a>\n                        <\/div>\n                        <div class=\"slide__button-wrapper_mob\">\n                            <span class=\"slide__button-text_mob\">Read more<\/span>\n                            <img decoding=\"async\" class=\"slide__button-img_mob\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2021\/12\/arrow-more.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"slide__button-wrapper\">\n                <a href=\"https:\/\/innowise.com\/pt\/case\/custom-website-development-for-airline\/\" aria-label=\"Read more about Multi-page charter airline website for a startup air carrier\">\n                    <div class=\"arrow-btn3-rel\">\n                        <svg class=\"arrow-btn__svg\"\n                             width=\"110\"\n                             height=\"18\"\n                             viewBox=\"0 0 110 18\"\n                             fill=\"none\"\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 1L17 8.99999L9 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M0 9.00018L17 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M99 1L107 8.99999L99 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M90 9.00018L107 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n            <div class=\"swiper-into-e1\">\n                <div class=\"swiper-slide__inner-container\">\n                    <div class=\"block-div-img-rel\">\n                        <a href=\"https:\/\/innowise.com\/pt\/case\/custom-fhir-integration-gateway\/\" aria-label=\"block_193309\">\n                            <img decoding=\"async\" class=\"slide__img-rel\" \n                             src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/03\/image-teaser-fim.jpg\" alt=\"Designing a data integration gateway for FIM Medical.\">\n                    <div class=\"cases-post__thumbnail_opencase_img\">\n                        <div>\n                            <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/03\/FIM-Medical-2.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                \n                        <\/a>\n                    <\/div>\n                    <div class=\"border-slide-rel\">\n                        <div class=\"swip-title-rel-qe mb-10\" style=\"\">\n                            <a href=\"https:\/\/innowise.com\/pt\/case\/custom-fhir-integration-gateway\/\" aria-label=\"Designing a data integration gateway for FIM Medical\" >Designing a data integration gateway for FIM Medical<\/a>\n                        <\/div>\n                        <div class=\"swip-array-rel\">\n                            <a href=\"\/pt\/cases\/net\/\">.NET<\/a><a href=\"\/pt\/cases\/c\/\">C#<\/a><a href=\"\/pt\/cases\/saude\/\">Healthcare<\/a><a href=\"\/pt\/cases\/integracao\/\">Integration<\/a><a href=\"\/pt\/cases\/staff-augmentation\/\">Staff augmentation<\/a>\n                        <\/div>\n                        <div class=\"slide__button-wrapper_mob\">\n                            <span class=\"slide__button-text_mob\">Read more<\/span>\n                            <img decoding=\"async\" class=\"slide__button-img_mob\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2021\/12\/arrow-more.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"slide__button-wrapper\">\n                <a href=\"https:\/\/innowise.com\/pt\/case\/custom-fhir-integration-gateway\/\" aria-label=\"Read more about Designing a data integration gateway for FIM Medical\">\n                    <div class=\"arrow-btn3-rel\">\n                        <svg class=\"arrow-btn__svg\"\n                             width=\"110\"\n                             height=\"18\"\n                             viewBox=\"0 0 110 18\"\n                             fill=\"none\"\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 1L17 8.99999L9 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M0 9.00018L17 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M99 1L107 8.99999L99 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M90 9.00018L107 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n            <div class=\"swiper-into-e1\">\n                <div class=\"swiper-slide__inner-container\">\n                    <div class=\"block-div-img-rel\">\n                        <a href=\"https:\/\/innowise.com\/pt\/case\/ai-ergonomics-software-scaling\/\" aria-label=\"block_195080\">\n                            <img decoding=\"async\" class=\"slide__img-rel\" \n                             src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/03\/image.png\" alt=\"Scaling AI ergonomics assessment software.\">\n                        <\/a>\n                    <\/div>\n                    <div class=\"border-slide-rel\">\n                        <div class=\"swip-title-rel-qe mb-10\" style=\"\">\n                            <a href=\"https:\/\/innowise.com\/pt\/case\/ai-ergonomics-software-scaling\/\" aria-label=\"Scaling AI ergonomics assessment software\" >Scaling AI ergonomics assessment software<\/a>\n                        <\/div>\n                        <div class=\"swip-array-rel\">\n                            <a href=\"\/pt\/cases\/angular\/\">Angular<\/a><a href=\"\/pt\/cases\/desenvolvimento-backend\/\">Back-end development<\/a><a href=\"\/pt\/cases\/empresas\/\">Enterprise<\/a><a href=\"\/pt\/cases\/desenvolvimento-front-end\/\">Front-end development<\/a><a href=\"\/pt\/cases\/node-js\/\">Node.js<\/a><a href=\"\/pt\/cases\/qa\/\">QA<\/a>\n                        <\/div>\n                        <div class=\"slide__button-wrapper_mob\">\n                            <span class=\"slide__button-text_mob\">Read more<\/span>\n                            <img decoding=\"async\" class=\"slide__button-img_mob\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2021\/12\/arrow-more.svg\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"slide__button-wrapper\">\n                <a href=\"https:\/\/innowise.com\/pt\/case\/ai-ergonomics-software-scaling\/\" aria-label=\"Read more about Scaling AI ergonomics assessment software\">\n                    <div class=\"arrow-btn3-rel\">\n                        <svg class=\"arrow-btn__svg\"\n                             width=\"110\"\n                             height=\"18\"\n                             viewBox=\"0 0 110 18\"\n                             fill=\"none\"\n                             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M9 1L17 8.99999L9 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M0 9.00018L17 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M99 1L107 8.99999L99 17\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                            <path d=\"M90 9.00018L107 9.00018\"\n                                  stroke=\"#C63031\"\n                                  stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n                <\/div>\n                \n                <div class=\"swiper-related__navigation\">\n                    <button class=\"swiper-related__navigation-btn\">\n                        <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <g>\n                                <path d=\"M12 4L4 12L12 20\" stroke=\"#2E2E2E\" stroke-width=\"2\"\/>\n                                <path d=\"M21 12.0002L4 12.0002\" stroke=\"#2E2E2E\" stroke-width=\"2\"\/>\n                            <\/g>\n                        <\/svg>\n                    <\/button>\n                \n                    <button class=\"swiper-related__navigation-btn\">\n                        <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M13 4L21 12L13 20\" stroke=\"#2E2E2E\" stroke-width=\"2\"\/>\n                            <path d=\"M4 12.0002L21 12.0002\" stroke=\"#2E2E2E\" stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"cases-swiper-pagination\"><\/div>\n        \n        <script src=\"\/wp-content\/themes\/hello-elementor\/assets\/js\/slb-case.js\"><\/script>  \n        <link rel=\"stylesheet\" href=\"\/wp-content\/themes\/hello-elementor\/assets\/css\/case-slider.css\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-6458389 e-flex e-con-boxed e-con e-parent\" data-id=\"6458389\" data-element_type=\"container\" id=\"test3\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ead02f4 e-con-full e-flex e-con e-child\" data-id=\"ead02f4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7709902 elementor-widget elementor-widget-heading\" data-id=\"7709902\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why choose Innowise for headless development<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-441512d elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"441512d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When you choose Innowise for headless CMS development, you\u2019re tapping into our solid experience and proven track record in building flexible, API-driven solutions. We know how to balance the right tools and tech to keep your business agile, ready for new opportunities, and totally secure for the long haul.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9be7077 e-con-full e-flex e-con e-child\" data-id=\"9be7077\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc1882c elementor-widget__width-inherit elementor-widget-tablet__width-inherit elementor-widget elementor-widget-video\" data-id=\"fc1882c\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=-ezRzXe5Sz0&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-026b9a4 solutions e-flex e-con-boxed e-con e-parent\" data-id=\"026b9a4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a25c7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"25a25c7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why choose headless development<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67e1bae e-grid e-con-full cust-grid e-con e-child\" data-id=\"67e1bae\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b0d2f54 e-con-full e-flex e-con e-child\" data-id=\"b0d2f54\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54245da elementor-widget elementor-widget-text-editor\" data-id=\"54245da\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul class=\"list\"><li class=\"red-dot\"><h3>Cross-platform content delivery<\/h3><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71943fa elementor-widget elementor-widget-text-editor\" data-id=\"71943fa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Thanks to an API-driven setup, your content reaches every platform effortlessly, from websites to mobile apps and IoT devices. Get your message where you need it \u2014 fast and hassle-free.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dadec65 e-con-full e-flex e-con e-child\" data-id=\"dadec65\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b7081e elementor-widget elementor-widget-text-editor\" data-id=\"5b7081e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul class=\"list\"><li class=\"red-dot\"><h3>Flexibility with decoupled architecture<\/h3><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53b6a5a elementor-widget elementor-widget-text-editor\" data-id=\"53b6a5a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Headless CMS lets you pull your content through APIs and pair it with any framework you want. Scale easily, integrate new tech, and keep things fresh without being tied to one stack.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ca3fac e-con-full e-flex e-con e-child\" data-id=\"5ca3fac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f45a41d elementor-widget elementor-widget-text-editor\" data-id=\"f45a41d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul class=\"list\"><li class=\"red-dot\"><h3>Boosted performance and speed<\/h3><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-663f33a elementor-widget elementor-widget-text-editor\" data-id=\"663f33a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With more control of code and data flow, we build fast, lightweight web apps that load in a snap on any device \u2014 making sure your users enjoy a smooth experience every time.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5adbbd9 e-con-full e-flex e-con e-child\" data-id=\"5adbbd9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c43717 elementor-widget elementor-widget-text-editor\" data-id=\"3c43717\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul class=\"list\"><li class=\"red-dot\"><h3>Hassle-free updates and support<\/h3><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35c3e75 elementor-widget elementor-widget-text-editor\" data-id=\"35c3e75\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We\u2019ve got your back with solutions that let you revamp the frontend and backend separately \u2014 no need to sync them up. This way, you\u2019ll save time, avoid downtime, and slash maintenance costs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bfd1c48 e-con-full e-flex e-con e-child\" data-id=\"bfd1c48\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb76eef elementor-widget elementor-widget-text-editor\" data-id=\"fb76eef\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul class=\"list\"><li class=\"red-dot\"><h3>Scalability and future-proofing<\/h3><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-510eefa elementor-widget elementor-widget-text-editor\" data-id=\"510eefa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Headless CMS grows with your business, making it easy to add new features or the latest tech. We\u2019ll set you up with a solution that handles market changes, even during those peak times.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c90792d e-con-full e-flex e-con e-child\" data-id=\"c90792d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9057ad3 elementor-widget elementor-widget-text-editor\" data-id=\"9057ad3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul class=\"list\"><li class=\"red-dot\"><h3>Flexibility for front-end developers<\/h3><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d307af elementor-widget elementor-widget-text-editor\" data-id=\"2d307af\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With a headless CMS, your developers can tweak the interface without touching the content. New features and updates get rolled out quickly with no interruptions or delays to your site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e728c1f e-grid e-con-full e-con e-child\" data-id=\"e728c1f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d230560 e-con-full e-flex e-con e-child\" data-id=\"d230560\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43be022 img900500 elementor-widget elementor-widget-image\" data-id=\"43be022\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"900\" height=\"500\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/Team-Innowise-2.png\" class=\"attachment-full size-full wp-image-196579\" alt=\"\" srcset=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/Team-Innowise-2.png 900w, https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/Team-Innowise-2-300x167.png 300w, https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/Team-Innowise-2-768x427.png 768w, https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/Team-Innowise-2-18x10.png 18w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4563956 e-con-full e-flex e-con e-child\" data-id=\"4563956\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8d799ed e-con-full e-flex e-con e-child\" data-id=\"8d799ed\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39aa23d elementor-widget__width-initial word-wrap-title elementor-widget elementor-widget-heading\" data-id=\"39aa23d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Outgrow your current CMS?<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8a1d7e elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial tabletmax510 elementor-widget elementor-widget-text-editor\" data-id=\"b8a1d7e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We\u2019ll help you break its limits and turn any screen into a fast, scalable sales channel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c89d52 elementor-align-center contact320 elementor-widget elementor-widget-button\" data-id=\"6c89d52\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#contact-form\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact us<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb42ad0 e-flex e-con-boxed e-con e-parent\" data-id=\"eb42ad0\" data-element_type=\"container\" id=\"test4\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7245d4 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b7245d4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How we build headless commerce solutions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93b24d8 elementor-widget elementor-widget-html\" data-id=\"93b24d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* --- COLORS --- *\/\r\n.custom-roadmap-5 .new-step-item:nth-child(1) { --item-color: #CD505D; }\r\n.custom-roadmap-5 .new-step-item:nth-child(2) { --item-color: #D36F89; --prev-item-color: #CD505D; }\r\n.custom-roadmap-5 .new-step-item:nth-child(3) { --item-color: #DD9ECB; --prev-item-color: #D36F89; }\r\n.custom-roadmap-5 .new-step-item:nth-child(4) { --item-color: #E4BEF7; --prev-item-color: #DD9ECB; }\r\n.custom-roadmap-5 .new-step-item:nth-child(5) { --item-color: #BF9FD8; --prev-item-color: #E4BEF7; }\r\n\r\n\/* --- TYPOGRAPHY AND LISTS --- *\/\r\n.custom-roadmap-5 .new-steps-container {\r\n  display: grid;\r\n  row-gap: 80px;\r\n  padding: 0;\r\n  grid-auto-rows: auto;\r\n  grid-template-columns: repeat(3, 1fr);\r\n}\r\n\r\n.custom-roadmap-5 .new-step-item {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.custom-roadmap-5 .new-step-item-desc {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.custom-roadmap-5 .new-step-item-title {\r\n  font-family: 'Sora', sans-serif !important;\r\n  font-weight: 600 !important;\r\n  font-size: 24px !important;\r\n  line-height: 32.4px !important;\r\n  margin: 0 !important;\r\n  color: #2e2e2e !important;\r\n}\r\n\r\n.custom-roadmap-5 .new-step-item-list {\r\n  font-family: 'Karla', sans-serif !important;\r\n  font-size: 16px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 24px !important;\r\n  margin: 0 !important;\r\n  gap: 16px !important;\r\n  display: flex !important;\r\n  list-style: none !important;\r\n  flex-direction: column !important;\r\n  padding: 0 12px !important;\r\n  color: #2e2e2e !important;\r\n}\r\n\r\n.custom-roadmap-5 .new-step-item-list li {\r\n  font: inherit !important;\r\n  margin: 0 !important;\r\n  position: relative !important;\r\n  padding-left: 0px !important;\r\n}\r\n\r\n.custom-roadmap-5 .new-step-item-list li:before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  display: inline-block !important;\r\n  width: 6px !important;\r\n  height: 6px !important;\r\n  border-radius: 50% !important;\r\n  background: #c63031 !important;\r\n  left: -14px !important;\r\n  top: 9px !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n\/* --- CIRCLES --- *\/\r\n.custom-roadmap-5 .scheme-progress-circle {\r\n  flex-shrink: 0;\r\n  border-radius: 100%;\r\n  height: 30px;\r\n  width: 30px;\r\n  z-index: 2;\r\n  position: relative;\r\n}\r\n\r\n.custom-roadmap-5 .figure-container {\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.custom-roadmap-5 .new-step-item-text {\r\n    font-family: Karla;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    margin: 0;\r\n}\r\n\r\n.custom-roadmap-5 .new-step-item:nth-child(1) .scheme-progress-circle { background-color: #CD505D !important; border-color: #CD505D !important; }\r\n.custom-roadmap-5 .new-step-item:nth-child(1) .figure-container::after { background: #CD505D !important; }\r\n\r\n.custom-roadmap-5 .new-step-item:nth-child(2) .scheme-progress-circle { background-color: #D36F89 !important; border-color: #D36F89 !important; }\r\n.custom-roadmap-5 .new-step-item:nth-child(2) .figure-container::after { background: #D36F89 !important; }\r\n.custom-roadmap-5 .new-step-item:nth-child(2) .figure-container::before { background: #CD505D !important; } \r\n\r\n.custom-roadmap-5 .new-step-item:nth-child(3) .scheme-progress-circle { background-color: #DD9ECB !important; border-color: #DD9ECB !important; }\r\n.custom-roadmap-5 .new-step-item:nth-child(3) .figure-container::after { background: #DD9ECB !important; }\r\n.custom-roadmap-5 .new-step-item:nth-child(3) .figure-container::before { background: #D36F89 !important; }\r\n\r\n.custom-roadmap-5 .new-step-item:nth-child(4) .scheme-progress-circle { background-color: #E4BEF7 !important; border-color: #E4BEF7 !important; }\r\n.custom-roadmap-5 .new-step-item:nth-child(4) .figure-container::after { background: #E4BEF7 !important; }\r\n.custom-roadmap-5 .new-step-item:nth-child(4) .figure-container::before { background: #DD9ECB !important; }\r\n\r\n.custom-roadmap-5 .new-step-item:nth-child(5) .scheme-progress-circle { background-color: #BF9FD8 !important; border-color: #BF9FD8 !important; }\r\n.custom-roadmap-5 .new-step-item:nth-child(5) .figure-container::after { background: linear-gradient(90deg, #BF9FD8 50%, transparent 0) 50% \/ 8px 2px repeat-x !important; }\r\n.custom-roadmap-5 .new-step-item:nth-child(5) .figure-container::before { background: #E4BEF7 !important; }\r\n\r\n\/* --- DESKTOP --- *\/\r\n@media (min-width: 1280px) {\r\n  .custom-roadmap-5 .new-step-item .figure-container::after {\r\n    display: block;\r\n    content: \"\";\r\n    height: 2px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item:nth-child(3n + 3) .figure-container::after {\r\n    position: absolute;\r\n    width: 100vw;\r\n  }\r\n\r\n  .custom-roadmap-5 .new-step-item:nth-child(3n + 4) .figure-container::before {\r\n    display: block;\r\n    content: \"\";\r\n    height: 2px;\r\n    position: absolute;\r\n    z-index: 1;\r\n    right: 100%;\r\n    width: 100vw;\r\n  }\r\n\r\n  .custom-roadmap-5 .new-step-item:last-child .figure-container::after {\r\n    width: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  .custom-roadmap-5 .new-step-item > *:not(.figure-container) {\r\n    width: 100%;\r\n    max-width: 425px;\r\n    padding-right: 60px;\r\n  }\r\n}\r\n\r\n\/* --- TABLET --- *\/\r\n@media (max-width: 1279px) and (min-width: 768px) {\r\n  .custom-roadmap-5 .new-steps-container {\r\n    grid-template-columns: 1fr 1fr;\r\n    column-gap: 60px;\r\n    row-gap: 40px;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item .figure-container::after {\r\n    display: block;\r\n    content: \"\";\r\n    height: 2px;\r\n    width: calc(100% + 60px);\r\n    position: absolute;\r\n    z-index: 1;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item:nth-child(2n + 3) .figure-container::before {\r\n    display: block;\r\n    content: \"\";\r\n    height: 2px;\r\n    position: absolute;\r\n    z-index: 1;\r\n    width: 100vw;\r\n    right: 100%;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item:nth-child(2n + 2) .figure-container::after {\r\n    position: absolute;\r\n    width: calc(100% + 60px);\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item:last-child .figure-container::after {\r\n    width: 100%;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item > *:not(.figure-container) {\r\n    width: 100%;\r\n    max-width: 425px;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item:not(:nth-child(2n)) > *:not(.figure-container) {\r\n    max-width: 360px;\r\n  }\r\n}\r\n\r\n\/* --- MOBILE --- *\/\r\n@media (max-width: 767px) {\r\n  .custom-roadmap-5 .figure-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: static;\r\n    width: auto;\r\n    height: 100%;\r\n  }\r\n  \r\n  .custom-roadmap-5 .scheme-progress-circle {\r\n    height: 24px;\r\n    width: 24px;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item .figure-container::after {\r\n    display: block;\r\n    content: \"\";\r\n    width: 2px;\r\n    height: calc(100% - 24px);\r\n    position: absolute;\r\n    top: 24px;\r\n    left: 11px;\r\n    z-index: 1;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item:nth-child(5) .figure-container::after { \r\n    background: linear-gradient(0, #BF9FD8 50%, transparent 0) 50% \/ 2px 8px repeat-y !important; \r\n  }\r\n  \r\n  .custom-roadmap-5 .new-steps-container {\r\n    grid-template-columns: 1fr;\r\n    row-gap: 0;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: start;\r\n    gap: 16px;\r\n    margin-bottom: 0;\r\n    padding-bottom: 20px;\r\n    position: relative;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item-title {\r\n    font-size: 18px !important;\r\n    line-height: 23.4px !important;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item-list {\r\n    font-size: 14px !important;\r\n    line-height: 21px !important;\r\n    padding-left: 15px !important;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item-list li:before {\r\n    top: 7px !important;\r\n  }\r\n  \r\n  .custom-roadmap-5 .new-step-item-text {\r\n        font-size: 12px;\r\n        line-height: 18px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"custom-roadmap-5\">\r\n  <div class=\"new-steps-container\">\r\n\r\n      <div class=\"new-step-item\">\r\n          <div class=\"figure-container\">\r\n              <div class=\"scheme-progress-circle\"><\/div>\r\n          <\/div>\r\n          <div class=\"new-step-item-desc\">\r\n              <h3 class=\"new-step-item-title\">Strategy & planning<\/h3>\r\n                <ul class=\"new-step-item-list\">\r\n                    <li>Define business goals and use cases<\/li>\r\n                    <li>Evaluate and select CMS platforms<\/li>\r\n                    <li>Define governance and team roles<\/li>\r\n                    \r\n                <\/ul>\r\n          <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"new-step-item\">\r\n          <div class=\"figure-container\">\r\n              <div class=\"scheme-progress-circle\"><\/div>\r\n          <\/div>\r\n          <div class=\"new-step-item-desc\">\r\n              <h3 class=\"new-step-item-title\">Architecture & setup<\/h3>\r\n              <ul class=\"new-step-item-list\">\r\n                  <li>Design API-first architecture<\/li>\r\n                  <li>Integrate CMS and commerce systems<\/li>\r\n                  <li>Configure DevOps and CI\/CD pipelines<\/li>\r\n              <\/ul>\r\n          <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"new-step-item\">\r\n          <div class=\"figure-container\">\r\n              <div class=\"scheme-progress-circle\"><\/div>\r\n          <\/div>\r\n          <div class=\"new-step-item-desc\">\r\n              <h3 class=\"new-step-item-title\">Development & implementation<\/h3>\r\n              <ul class=\"new-step-item-list\">\r\n                  <li>Build frontend and backend components<\/li>\r\n                  <li>Connect APIs and third-party services<\/li>\r\n                  <li>Deploy to cloud infrastructure<\/li>\r\n              <\/ul>\r\n          <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"new-step-item\">\r\n          <div class=\"figure-container\">\r\n              <div class=\"scheme-progress-circle\"><\/div>\r\n          <\/div>\r\n          <div class=\"new-step-item-desc\">\r\n              <h3 class=\"new-step-item-title\">Team training<\/h3>\r\n              <ul class=\"new-step-item-list\">\r\n                  <li>Train internal teams and stakeholders<\/li>\r\n                  <li>Prepare documentation and guidelines<\/li>\r\n                  <li>Support developer onboarding<\/li>\r\n              <\/ul>\r\n          <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"new-step-item\">\r\n          <div class=\"figure-container\">\r\n              <div class=\"scheme-progress-circle\"><\/div>\r\n          <\/div>\r\n          <div class=\"new-step-item-desc\">\r\n              <h3 class=\"new-step-item-title\">Monitoring & optimization<\/h3>\r\n              <ul class=\"new-step-item-list\">\r\n                  <li>Set up monitoring and observability<\/li>\r\n                  <li>Track performance and system health<\/li>\r\n                  <li>Run A\/B testing and personalization<\/li>\r\n              <\/ul>\r\n          <\/div>\r\n      <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8e0074 de-hyph e-flex e-con-boxed e-con e-parent\" data-id=\"a8e0074\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32ad6a3 elementor-widget__width-initial word-wrap-title elementor-widget elementor-widget-heading\" data-id=\"32ad6a3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to go headless?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ad4fa8 e-con-full e-flex e-con e-child\" data-id=\"4ad4fa8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-327f443 elementor-widget__width-initial word-wrap-title elementor-widget elementor-widget-text-editor\" data-id=\"327f443\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Fill out this short questionnaire to help us understand your needs and recommend the right headless strategy.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ab3dce elementor-widget__width-auto word-wrap-title elementor-widget elementor-widget-text-editor\" data-id=\"5ab3dce\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #c63031;\">*<\/span> All fields are required<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b86af32 elementor-widget elementor-widget-shortcode\" data-id=\"b86af32\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f196599-o1\" lang=\"ru-RU\" dir=\"ltr\" data-wpcf7-id=\"196599\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/pt\/wp-json\/wp\/v2\/pages\/173238#wpcf7-f196599-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430\u044f \u0444\u043e\u0440\u043c\u0430\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"196599\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ru_RU\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f196599-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<style>\n.wpcf7-not-valid-tip {\n    color: #C63031;\n}\n\na.btn{\ntext-decoration: none;\n}\n@media (max-width: 767px) {\n  .radio-group.two-columns {\n    column-count: 1 !important;\n  }\n}\n\n.card {\n\tbackground: none;\n}\n\n.progress-container {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 20px;\n\tmargin-bottom: 60px;\n}\n\n.progress-text {\n\tfont-family: Karla;\n\tcolor: #C63031;\n\tfont-size: 18px;\n\tfont-weight: 400;\n\twhite-space: nowrap;\n\tmargin: 0;\n}\n\n.progress-bar {\n\tflex: 1;\n\theight: 6px;\n\tbackground-color: #E8E8E8;\n\tborder-radius: 3px;\n\toverflow: hidden;\n}\n\n.progress-fill {\n\theight: 100%;\n\tbackground-color: #C63031;\n\ttransition: width .3s ease;\n\tborder-radius: 3px;\n}\n\n.steps-container {\n\tmin-height: 325px;\n\tposition: relative;\n}\n\n.other-checkbox-wrapper {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.step {\n\tposition: absolute;\n\twidth: 100%;\n\topacity: 0;\n\tpointer-events: none;\n\ttransition: none;\n}\n\n.step.active {\n\topacity: 1;\n\tpointer-events: auto;\n\tposition: relative;\n}\n\n.questions-grid {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr;\n\tgap: 40px;\n}\n\n.questions-grid.grid-3 {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr 1fr;\n\tgap: 40px;\n}\n\n.questions-grid-three {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr 1fr;\n\tgap: 3rem;\n}\n\n\n.question-section.ifBlock {\n  display: none;\n  flex-direction: column;\n}\n\n.question-section.ifBlock.active {\n  display: flex;\n}\n\n.question-block {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.question-block.ifBlock {\n  display: none;\n}\n\n.question-block.ifBlock.active {\n  display: flex;\n}\n\n.question-block-full {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgrid-column: 1 \/ -1;\n}\n\n.question-title {\nfont-family: Sora;\nfont-weight: 600;\nfont-style: SemiBold;\nfont-size: 20px;\nline-height: 135%;\nmargin: 0;\ncolor: #2E2E2E;\n}\n\n.question-title .required {\n\tcolor: #C63031;\n}\n\n\n.subtitle-small {\nfont-family: Karla;\nfont-weight: 400;\nfont-style: Italic;\nfont-size: 16px;\nline-height: 24px;\ncolor: #717171;\nmargin: 0;\nmargin-top: 8px;\n}\n\n.radio-group {\n    display: flex;\n    flex-direction: column;\n    margin-top: 20px;\n}\n\n.radio-group.two-columns {\n\tdisplay: block;\n\tcolumn-count: 2;\n\tcolumn-gap: 40px;\n\twidth: 100%;\n}\n\n.radio-group.flex-3{\n  height: 100%;\n  align-items: center;\n\tdisplay: flex;\n  flex-direction: row;\n  gap: 24px;\n   margin-top: 8px;\n}\n\n.question-section{\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.checkbox-group {\n\tdisplay: flex;\n\tflex-direction: column;\n  margin-top: 20px;\t\n}\n\n.checkbox-group.grid2 {\n\tdisplay: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\t\n}\n\n.checkbox-group.grid2 > div {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.subtitle-text{\nfont-family: Karla;\nfont-weight: 400;\nfont-style: Regular;\nfont-size: 18px;\nline-height: 150%;\ncolor: #2E2E2E;\nmargin: 0;\n}\n\n.question-block-single-label{\n    display: flex;\n    flex-direction: column;\n    gap: 8px;  \n}\n\n.radio-option {\n\tbreak-inside: avoid;\n\t-webkit-column-break-inside: avoid;\n\t-moz-column-break-inside: avoid;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 10px 12px;\n\tcursor: pointer;\n\ttransition: background-color .2s ease;\n\tposition: relative;\n\twidth: 320px;\n}\n\n.radio-group.flex-3 .radio-option{\n  width: fit-content;\n}\n\n.radio-option:hover {\n\tbackground-color: #fafafa;\n}\n\n.radio-option input[type=\"radio\"] {\n\tposition: absolute;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n.radio-custom {\n\twidth: 16px;\n\theight: 16px;\n\tborder: 2px solid #d1d5db;\n\tborder-radius: 50%;\n\tmargin-right: .75rem;\n\tposition: relative;\n\tflex-shrink: 0;\n\ttransition: all .2s ease;\n}\n\n.radio-option input[type=\"radio\"]:checked~.radio-custom {\n    border: 5px solid #dc2626;\n}\n\n\/* .radio-option input[type=\"radio\"]:checked~.radio-custom::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: 10px;\n\theight: 10px;\n\tborder-radius: 50%;\n\tbackground-color: #dc2626;\n} *\/\n\n.radio-option:has(input[type=\"radio\"]:checked) {\n\tbackground-color: #fef2f2;\n}\n\n.radio-label {\nfont-family: Karla;\nfont-weight: 400;\nfont-style: Regular;\nfont-size: 16px;\nline-height: 24px;\ncolor: #2E2E2E;\n}\n\n.checkbox-option {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 10px 12px;\n\tcursor: pointer;\n\ttransition: background-color .2s ease;\n\tposition: relative;\nwidth: 320px;\n}\n\n.checkbox-option:hover {\n\tbackground-color: #fafafa;\n}\n\n.checkbox-option input[type=\"checkbox\"] {\n\tposition: absolute;\n\topacity: 0;\n\tcursor: pointer;\n}\n\n.checkbox-custom {\n\twidth: 18px;\n\theight: 18px;\n\tborder: 2px solid #d1d5db;\n\tborder-radius: 3px;\n\tmargin-right: .75rem;\n\tposition: relative;\n\tflex-shrink: 0;\n\ttransition: all .2s ease;\n\tbackground-color: white;\n}\n\n.checkbox-option input[type=\"checkbox\"]:checked~.checkbox-custom {\n\tborder-color: #dc2626;\n\tbackground-color: #dc2626;\n}\n\n.checkbox-option input[type=\"checkbox\"]:checked~.checkbox-custom::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 2px;\n\tleft: 5px;\n\twidth: 4px;\n\theight: 9px;\n\tborder: solid white;\n\tborder-width: 0 2px 2px 0;\n\ttransform: rotate(45deg);\n}\n\n.checkbox-option:has(input[type=\"checkbox\"]:checked) {\n\tbackground-color: #fef2f2;\n}\n\n.checkbox-label {\nfont-family: Karla;\nfont-weight: 400;\nfont-style: Regular;\nfont-size: 16px;\nline-height: 24px;\ncolor: #2E2E2E;\n}\n\n.button-container {\n\tdisplay: flex;\n\tgap: 40px;\n\tmargin-top: 40px;\n}\n\nbutton {\n\tpadding: 0;\n\tborder: none;\n\tfont: inherit;\n\tcolor: inherit;\n\tbackground-color: transparent;\n\tcursor: pointer;\n}\n\n.btn {\n\tmin-width: 150px;\n\tborder-radius: 0;\n        font-family: Karla;\n\tfont-size: 18px;\n\tfont-weight: 400;\n\tline-height: 150%;\n\tcursor: pointer;\n\tborder: none;\n\ttransition: all .2s ease;\n\ttext-align: center;\n\tdisplay: inline-block;\n\ttext-decoration: none;\n        height: 55px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n}\n\nbutton:focus {\n\toutline: none;\n}\n\n.btn-secondary {\n\tbackground-color: transparent;\n\tcolor: #1a1a1a !important;\n\tborder: 1px solid #C63031;\n}\n\n.btn-secondary.hidden {\n  display: none !important;\n}\n\n.btn-primary {\n\tbackground-color: #dc2626;\n\tcolor: white;\n}\n\n.btn-primary:hover {\n  color: #FFFFFF;\n\tbackground-color: #b91c1c;\n}\n\n.btn-primary.disabled {\n\tbackground-color: #E29798 !important;\n\tcursor: not-allowed !important;\n\topacity: 1 !important;\n}\n\n@media (max-width:1024px) {\n\n  .progress-container {\n\tmargin-bottom: 40px;\n}\n\n\t.questions-grid {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 40px;\n\t}\n\n  .questions-grid.grid-2 {\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgap: 40px;\n\t}\n\n  .questions-grid-three, .questions-grid.grid-3 {\n\t\tgrid-template-columns: 1fr 1fr;\n\t\tgap: 20px;\n\t}\n\n\n\n\n\n\n}\n\n#step3{\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n}\n\n.steps-container input, .steps-container textarea {\n  padding: 12px;\n  font-family: Karla;\nfont-weight: 400;\nfont-style: Regular;\nfont-size: 16px;\nline-height: 24px;\ncolor: #2E2E2E;\nwidth: 100%;\nmax-width: 100%;\nborder: 1px solid #999999;\n}\n\n.steps-container input:focus, .steps-container textarea:focus{\n  border: 1px solid #717171;\n}\n\n\n.steps-container input::placeholder, .steps-container textarea::placeholder  { \n  color: #717171;\n\n}\n\n.steps-container .other-checkbox-wrapper input, .steps-container .other-radio-wrapper input{\n  margin-left: 42px;\n  margin-top: 8px;\n  width: calc(100% - 42px);\n    max-width: 100%;\n}\n\n\n\n\n.steps-container textarea{\n  min-height: 120px;\n  max-height: 120px;\n}\n\n.other-option-input{\n  display: none;\n}\n\n.other-option-input.active{\n  display: block;\n}\n\n@media (max-width:1279px){\n  .checkbox-group.grid2 {\n\tdisplay: grid;\n  grid-template-columns: 1fr;\n  gap: 0px;\t}\n}\n\n@media (max-width:767px) {\n.checkbox-group, .radio-group{\nmargin-top: 10px;\n}\n\n.button-container {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\nmargin-top: 30px;\n    }\n\n  .btn {\n    width: 100%;\n\theight: 45px;\n\tfont-size: 14px;\n}\n\n    .progress-container {\n  flex-direction: column;\n\talign-items: start;\n\tgap: 10px;\n\tmargin-bottom: 30px;\n}\n\n.progress-bar {\n flex: auto;\n width: 100%;\n}\n\n.checkbox-label {\nfont-size: 14px;\n}\n\n  .steps-container input, .steps-container textarea{\n  padding: 8px 10px;\nfont-size: 14px;\nline-height: 24px;\n\n}\n\n.steps-container textarea{\n  min-height: 92px;\n  max-height: 92px;\n}\n\n\n.steps-container .other-checkbox-wrapper input,steps-container .other-radio-wrapper input{\n  margin-left: 40px;\n  margin-top: 6px;\n   width: calc(100% - 40px);\n}\n\n\n  #step3{\n  gap: 30px;\n}\n\n  .radio-label {\nfont-size: 14px;\n}\n\n.questions-grid,  .questions-grid.grid-2,\n\t.questions-grid-three, .questions-grid.grid-3 {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 30px;\n\t}\n\n\t.questions-grid.grid-3 {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 16px;\n\t}\n\n\t.radio-option,\n\t.checkbox-option {\n\t\twidth: 100%;\n\t}\n\n\t.question-title {\n    font-size: 14px;\n    line-height: 24px;\n\n\t}\n\n\t.subtitle-small {\n    font-size: 14px;\n    line-height: 20px;\n    margin-top: 6px;\n\t}\n\n  .question-block-single-label{\n    gap: 6px;  \n}\n\n.radio-group.flex-3{\n  gap: 20px;\n}\n\n\t\n}\n\n\/* ===== POPUP STYLES (\u041e\u0421\u0422\u0410\u0412\u041b\u042f\u0415\u041c \u041e\u0414\u0418\u041d) ===== *\/\n\n#popup-form {\n\tdisplay: none;\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\tbackground-color: white;\n\tpadding: 60px 40px;\n\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n\tz-index: 9999991;\n\tmax-width: 730px;\n\twidth: 100%;\n}\n\n#popup-form .close-btn {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\tbackground-color: transparent;\n\tborder: none;\n\tfont-size: 24px;\n\tline-height: 24px;\n\tcursor: pointer;\n}\n\n#popup-form .close-btn:hover {\n\tcolor: #c63031;\n}\n\n#overlay {\n\tdisplay: none;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.5);\n\tz-index: 999999;\n}\n\n\/*\n#step3 .questions-grid, #step6 .questions-grid {\n    grid-template-columns: 1fr 1fr 1fr;\n}\n@media(max-width: 1023px){\n#step3 .questions-grid, #step6 .questions-grid {\n    grid-template-columns: 1fr 1fr;\n}\n}\n@media(max-width: 767px){\n#step3 .questions-grid, #step6 .questions-grid {\n    grid-template-columns: 1fr;\n}\n}\n*\/\n\/* === \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u043a\u0430\u043a \u0435\u0441\u0442\u044c (\u0431\u0435\u0437 \u0434\u0443\u0431\u043b\u0435\u0439 popup) === *\/\n\n.steps-container .error-message {\n\tdisplay: none; \n\tmargin: 0;\nfont-family: Karla;\nfont-weight: 400;\n\tfont-size: 16px;\n\tline-height: 150%;\n  color: #C63031;\n}\n\n.steps-container .error-message:not(:empty){\n  display: block; \n  margin-top: 10px;\n}\n\n.fr-one span.wpcf7-not-valid-tip{\n\tdisplay: none !important;    \n}\n\n#popup-form span.wpcf7-not-valid-tip{\n\tfont-family: Karla;    \n}\n\n#last-abz{\n\tmargin-bottom: 30px !important;    \n\tfont-family: Karla;\n\tfont-size: 22px;\n\tfont-weight: 400;\n\tline-height: 28px;\n\ttext-align: left;\n}\n\n.fr-one{\n\tdisplay: flex;\n\tflex-direction: column;    \n\twidth: fit-content;\n\tjustify-content: space-between;\n\tmax-width: 680px;   \n}\n\n#popup-form h4{\nfont-family: Sora;\n\tmargin-bottom: 30px !important;  \n   font-size: 36px;\n   line-height: 46px; \n   font-weight: 400 !important;\nmargin-top: 0;\n}\n\n.fr-one p{\n\tfont-family: Karla;\n\tfont-size: 22px;\n\tfont-weight: 400;\n\tline-height: 28px;\n\ttext-align: left;\n\tmax-width: 100%;   \n\tmargin-bottom: 20px;\n}\n\n#popup-form p:first-child{\n\tmargin-bottom: 30px;    \n}\n\n.fr-one .wpcf7-checkbox{\n\tdisplay: grid;\n\tgrid-template-rows: repeat(4, auto);\n\tgrid-auto-flow: column;\n\tcolumn-gap: 60px;\n\trow-gap: 0;\n\tfont-family: Karla;\n\tfont-size: 18px;\n\tfont-weight: 400;\n\tline-height: 24px;\n\ttext-align: left;\n\tmargin-top: 20px;\n}\n\n.wpcf7-list-item:has(input:checked) {\n\tbackground-color: #fcf4f4;\n}\n\n.wpcf7-list-item {\n\tmargin: 0 !important;\n}\n\n#popap-form-cont span:not(:last-child) input{\n\tmax-width: 100%;\n\theight: 36px;\n\tborder-top: unset !important;\n\tborder-left: unset !important;\n\tborder-right: unset !important;\n\tbackground-color: #FFFFFF00;\n\tfont-family: 'Karla';\n\tfont-weight: 400;\n\tfont-size: 18px;\n\tline-height: 36px;\n\tborder-radius: unset;\n\tposition: relative;\n}\n\n#popap-form-cont .pp-new{\n\tgrid-column: 1\/3;    \n\tfont-family: Karla;\n\tfont-size: 14px;\n\tfont-weight: 400; \n\tline-height: 21px;\n\ttext-align: left;\n\tcolor:#919191;\n\tmargin-bottom: -20px;\n}\n\n#popap-form-cont .pp-new a{\n\tcolor:  #2E2E2E;\n}\n\n#popap-form-cont .wpcf7-submit{\n\tbackground-color: #C63031 !important;\n\tcolor: #FFFFFF;\n\tfont-family: 'Karla';\n\tborder: none;\n\toutline: none;\n\twidth: fit-content;\n\tpadding: 14px 28px;\n\tmin-width: 146px;\n\tborder-radius:0; \n\tfont-size: 18px !important;\n\tline-height: 27px !important;\n}\n\n#popap-form-cont textarea{\n\tmax-width: 100%;\n\tborder-top: unset !important;\n\tborder-left: unset !important;\n\tborder-right: unset !important;\n\tbackground-color: #FFFFFF00;\n\tfont-family: 'Karla';\n\tfont-weight: 400;\n\tfont-size: 18px;\n\tline-height: 36px;\n\tborder-radius: unset;\n\tposition: relative;   \n\tmax-height: 50px;\n}\n\n#popap-form-cont{\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2,310px);\n\trow-gap: 40px;\n\tcolumn-gap: 30px;    \n}\n\n#popap-form-cont span.wpcf7-form-control-wrap:nth-child(5){\n\tgrid-column: 1\/3;    \n}\n\n.fr-one .wpcf7-checkbox .wpcf7-list-item label{\n\tdisplay: flex;\n\talign-items: center;\n\tgap:10px;    \n}\n\n.fr-one .wpcf7-list-item{\n\tpadding: 12px 16px 12px 8px;\n\twidth: 320px;\n}\n\n#leave-email{\n\ttext-align: center;\n\tborder-style: none;\n\tpadding: 14px 28px;\n\tcursor: pointer;\n\tbackground-color: #C63031 !important;\n\tcolor: #FFFFFF;\n\tborder: none;\n\tfont-family: 'Karla';\n\twidth: 100%;\n\tmargin-top:40px; \n\tfont-size: 18px;\n\tline-height: 27px;\n}\n\n#leave-email:hover,\n#popup-form .wpcf7-submit:hover{\n\tbackground: #D13B3B !important;  \n}\n\n.fr-one input[type=\"checkbox\"] {\n\tappearance: none;\n\twidth: 16px;\n\theight: 16px;\n\tborder: 1px solid #999;\n\tborder-radius: 3px;\n\tposition: relative;\n\tcursor: pointer;\n}\n\n.fr-one input[type=\"checkbox\"]:checked {\n\tbackground-color: #c63031;\n\tborder: 0;\n}\n\n.fr-one input[type=\"checkbox\"]:checked::after {\n\tcontent: '';\n\tposition: absolute;\n\tleft: 5px;\n\ttop: 2px;\n\twidth: 5px;\n\theight: 9px;\n\tborder: solid white;\n\tborder-width: 0 2px 2px 0;\n\ttransform: rotate(45deg);\n}\n\n@media(max-width:767px){\n\n.steps-container .error-message {\n\tfont-size: 14px;\n}\n\n\n\t.fr-one .wpcf7-checkbox{\n\t\tdisplay: grid;\n\t\tgrid-auto-flow: row; \n\t\tgrid-template-columns: auto;\n\t}\n\n\t#popup-form h4 {\n\t\tfont-size: 24px;\n\t\tline-height: 36px;\n\t}\n\n\t#popup-form{\n\t\tpadding: 40px 20px;\n\t\ttop: 68%;\n\t\tleft: 50%;\n\t\twidth: calc(100vw - 32px);\n\t\ttransform: translate(-50%, -65%);\n\t}\n\n\t#last-abz{\n\t\tfont-family: Karla;\n\t\tfont-size: 16px;\n\t\tfont-weight: 400;\n\t\tline-height: 20px;\n\t\ttext-align: left;\n\t\tmargin-bottom: 20px !important;\n\t}\n\n\t#popap-form-cont {\n\t\tgrid-template-columns: auto;\n\t\trow-gap: 20px;\n\t}\n\n\t#popap-form-cont span.wpcf7-form-control-wrap:nth-child(5),\n\t#popap-form-cont .pp-new {\n\t\tgrid-column: unset;\n\t}\n\n\t#popap-form-cont .pp-new {\n\t\tmargin-bottom: 5px;\n\t}\n\n\t#popap-form-cont span:not(:last-child) input,\n\t#popap-form-cont textarea {\n\t\tfont-size: 14px;\n\t\tline-height: 21px;\n\t\theight: 30px;\n\t}\n}\n\n#popup-form a{\ntext-decoration: none;\n}\n\n\/* === SUCCESS POPUP === *\/\n\n#success-popup {\n  display: none;\n  position: fixed;\n  inset: 0;\n  background: rgba(0,0,0,.5);\n  z-index: 99999999;\n}\n\n.success-inner {\n  background: #fff;\n  width: 90%;\n  max-width: 420px;\n  padding: 30px;\n  margin: 14% auto;\n  position: relative;\n  border-radius: 6px;\n  text-align: center;\n  font-family: Karla;\n}\n\n.success-inner h3 {\n  font-size: 26px;\n  margin-bottom: 15px;\n}\n\n.success-inner p {\n  font-size: 16px;\n  color: #444;\n}\n\n.success-close {\n  position: absolute;\n  right: 15px;\n  top: 12px;\n  font-size: 26px;\n  cursor: pointer;\n  color: #777;\n  background: transparent;\n  border: none;\n}\n\n.success-close:hover {\n  color: #000;\n}\n\n\n\n\n\n\n<\/style>\n\n\n\n\n\n\n\n\n\n<div class=\"card\" id=\"mobile-survey\">\n            <div class=\"progress-container\">\n                <p class=\"progress-text\">Step <span id=\"currentStep\">1<\/span> of 6<\/p>\n                <div class=\"progress-bar\">\n                    <div class=\"progress-fill\" id=\"progressFill\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"steps-container\">\n                <!-- Step 1 -->\n                <div class=\"step active\" id=\"step1\">\n                    <div class=\"questions-grid\">\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">1. What type of commerce business are you in?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step1-1\" value=\"B2C Retail\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">B2C Retail<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step1-1\" value=\"B2B Commerce\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">B2B Commerce<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step1-1\" value=\"D2C Brand\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">D2C Brand<\/span><\/label>\n                                 <label class=\"radio-option\"><input type=\"radio\" name=\"step1-1\" value=\"Marketplace\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Marketplace<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step1-1\"><\/p>\n                        <\/div>\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">2. What are your top 3 digital challenges today?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n                            <div class=\"checkbox-group grid2\">\n                              <div>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step1-2\"\n                                        value=\"Slow front-end changes\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Slow front-end changes<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step1-2\"\n                                        value=\"Poor omnichannel UX\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Poor omnichannel UX<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step1-2\"\n                                        value=\"High platform costs\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">High platform costs<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step1-2\"\n                                        value=\"Inflexible CMS\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Inflexible CMS<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step1-2\"\n                                        value=\"Vendor lock-in\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Vendor lock-in<\/span><\/label>\n                                 <\/div>     \n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step1-2\"><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 2 -->\n                <div class=\"step\" id=\"step2\">\n                    <div class=\"questions-grid grid-2\">\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">3. Are you currently using a monolithic commerce platform?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step2-1\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step2-1\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step2-1\"><\/p>\n                        <\/div>\n\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">4. Do you plan to redesign your front-end in the next 12 months?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step2-2\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step2-2\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step2-2\"><\/p>\n                        <\/div>\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">5. Do you want to personalize content or offers by audience segment?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step2-3\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step2-3\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step2-3\"><\/p>\n                        <\/div>\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">6. Are you using a headless CMS today?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step2-4\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step2-4\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step2-4\"><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Step 3 -->\n                <div class=\"step\" id=\"step3\">\n                    <div class=\"questions-grid grid-3\">\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">7. What CMS are you currently using?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step3-1\" value=\"Sitecore\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Sitecore<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step3-1\" value=\"Contentful\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Contentful<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step3-1\" value=\"Contentstack\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Contentstack<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step3-1\" value=\"Adobe AEM\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Adobe AEM<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step3-1\" value=\"Other\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Other<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step3-1\"><\/p>\n                        <\/div>\n\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">8. Do you need to support multiple brands or regions?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step3-2\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step3-2\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step3-2\"><\/p>\n                        <\/div>\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">9. What front-end frameworks are you using or considering?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"checkbox-group grid2\">\n                              <div>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step3-3\"\n                                        value=\"React\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">React<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step3-3\"\n                                        value=\"Vue\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Vue<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step3-3\"\n                                        value=\"Angular\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Angular<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step3-3\"\n                                        value=\"Next.js\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Next.js<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step3-3\"\n                                        value=\"Other\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Other<\/span><\/label>\n                                 <\/div>     \n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step3-3\"><\/p>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n\n\n                <!-- Step 4 -->\n                <div class=\"step\" id=\"step4\">\n                    <div class=\"questions-grid grid-2\">\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">10. Do you have in-house front-end developers?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step4-1\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step4-1\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step4-1\"><\/p>\n                        <\/div>\n\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">11. Do you have in-house DevOps or cloud engineers?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step4-2\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step4-2\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step4-2\"><\/p>\n                        <\/div>\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">12. What cloud provider(s) do you use?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"checkbox-group grid2\">\n                              <div>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step4-3\"\n                                        value=\"AWS\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">AWS<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step4-3\"\n                                        value=\"Azure\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Azure<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step4-3\"\n                                        value=\"GCP\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">GCP<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step4-3\"\n                                        value=\"Other \/ None\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Other \/ None<\/span><\/label>\n                                 <\/div>     \n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step4-3\"><\/p>\n                        <\/div>\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">13. Are you using microservices or APIs in your architecture?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step4-4\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step4-4\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step4-4\" value=\"Planning to\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Planning to<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step4-4\"><\/p>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <!-- Step 5 -->\n                <div class=\"step\" id=\"step5\">\n                    <div class=\"questions-grid grid-2\">\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">14. How often do you release front-end updates?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step5-1\" value=\"Monthly or less\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Monthly or less<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step5-1\" value=\"Weekly\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Weekly<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step5-1\" value=\"Daily\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Daily<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step5-1\"><\/p>\n                        <\/div>\n\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">15. Do you want to decouple your front-end from your commerce engine?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step5-2\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step5-2\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step5-2\"><\/p>\n                        <\/div>\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">16. What is your current commerce platform?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"checkbox-group grid2\">\n                              <div>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step5-3\"\n                                        value=\"SAP Commerce\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">SAP Commerce<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step5-3\"\n                                        value=\"Salesforce Commerce\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Salesforce Commerce<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step5-3\"\n                                        value=\"Adobe Commerce (Magento)\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Adobe Commerce (Magento)<\/span><\/label>\n                                 <\/div>\n                              <div>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step5-3\"\n                                        value=\"Shopify\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Shopify<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step5-3\"\n                                        value=\"Other\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Other<\/span><\/label>\n                                 <\/div>       \n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step5-3\"><\/p>\n                        <\/div>\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">17. Are you open to replacing your commerce engine?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step5-4\" value=\"Yes\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Yes<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step5-4\" value=\"No\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">No<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step5-4\" value=\"Not sure\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">Not sure<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step5-4\"><\/p>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n                <!-- Step 6 -->\n                <div class=\"step\" id=\"step6\">\n                    <div class=\"questions-grid grid-3\">\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">18. What is your expected timeline for modernization?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step6-1\" value=\"0\u20133 months\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">0\u20133 months<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step6-1\" value=\"3\u20136 months\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">3\u20136 months<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step6-1\" value=\"6\u201312 months\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">6\u201312 months<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step6-1\" value=\"12+ months\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">12+ months<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step6-1\"><\/p>\n                        <\/div>\n\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">19. What is your estimated annual online revenue?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"radio-group\">\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step6-2\" value=\"<$10M\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\"><$10M<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step6-2\" value=\"$10M\u2013$50M\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">$10M\u2013$50M<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step6-2\" value=\"$50M\u2013$200M\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">$50M\u2013$200M<\/span><\/label>\n                                <label class=\"radio-option\"><input type=\"radio\" name=\"step6-2\" value=\"$200M+\"><span\n                                        class=\"radio-custom\"><\/span><span class=\"radio-label\">$200M+<\/span><\/label>\n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step6-2\"><\/p>\n                        <\/div>\n\n                        <div class=\"question-block\">\n                            <span class=\"question-title\">20. What would success look like for your headless transformation?<span\n                                    class=\"required\">*<\/span>\n                            <\/span>\n\n                            <div class=\"checkbox-group grid2\">\n                              <div>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step6-3\"\n                                        value=\"Faster innovation\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Faster innovation<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step6-3\"\n                                        value=\"Better UX\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Better UX<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step6-3\"\n                                        value=\"Lower TCO\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Lower TCO<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step6-3\"\n                                        value=\"Easier integrations\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Easier integrations<\/span><\/label>\n                                <label class=\"checkbox-option\"><input type=\"checkbox\" name=\"step6-3\"\n                                        value=\"Global scalability\"><span class=\"checkbox-custom\"><\/span><span\n                                        class=\"checkbox-label\">Global scalability<\/span><\/label>\n                                 <\/div>     \n                            <\/div>\n                            <p class=\"error-message block\" id=\"error-step6-3\"><\/p>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n\n\n           <\/div>\n\n            <div class=\"button-container\">\n                <a class=\"btn btn-secondary hidden\" id=\"backBtn\">Back<\/a>\n                <a href=\"#\" class=\"btn btn-primary\" id=\"nextBtn\">Next<\/a>\n            <\/div>\n<\/div>\n\n<!-- Overlay & Popup CF7 -->\n<div id=\"overlay\"><\/div>\n\n<div id=\"popup-form\" aria-modal=\"true\" role=\"dialog\">\n  <a class=\"close-btn\" id=\"close-popup\" aria-label=\"Close form\">&times;<\/a>\n  <h4>Thank you! Your headless commerce strategy is on the way<\/h4>\n  <p id=\"last-abz\">Fill out the form and we\u2019ll get in touch shortly.<\/p>\n\n <div id=\"popap-form-cont\">\n        <!-- Contact Form 7 fields -->\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"full-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full name*\" value=\"\" type=\"text\" name=\"full-name\" \/><\/span>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Company*\" value=\"\" type=\"text\" name=\"company\" \/><\/span>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Corporate email*\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"tel\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone*\" value=\"\" type=\"tel\" name=\"tel\" \/><\/span>\n        <span class=\"wpcf7-form-control-wrap\" data-name=\"textarea-592\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Additional information*\" name=\"textarea-592\"><\/textarea><\/span>\n    \n    <p class=\"pp-new\">Please be informed that when you click the Send button Innowise will process your personal data in accordance with our<a href=\"https:\/\/innowise.com\/privacy-notice\/\" target=\"_blank\"> Privacy Policy <\/a>for the purpose of providing you with appropriate information.<\/p>\n\n    <!-- Hidden fields: original + survey answers -->\n    <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"location\" \/>\n    <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"city\" \/>\n    <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmCampaign\" \/>\n    <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmContent\" \/>\n    <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmMedium\" \/>\n    <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmSource\" \/>\n    <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmTerm\" \/>\n\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step1-1\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step1-2\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step2-1\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step2-2\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step2-3\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step2-4\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step3-1\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step3-2\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step3-3\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step4-1\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step4-2\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step4-3\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step4-4\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step5-1\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step5-2\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step5-3\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step5-4\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step6-1\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step6-2\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"step6-3\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"url\" \/>\n\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n  <\/div>\n<\/div>\n\n<!-- SUCCESS POPUP -->\n<div id=\"success-popup\">\n  <div class=\"success-inner\">\n    <button id=\"success-close\" class=\"success-close\" aria-label=\"Close success message\">&times;<\/button>\n    <h3>Thank you!<\/h3>\n    <p>Your message has been sent successfully. We will contact you soon.<\/p>\n  <\/div>\n<\/div> \n\n\n\n<script data-no-optimize=\"1\">\ndocument.addEventListener(\"DOMContentLoaded\", ()=>{\n   \n   \n      \/\/ --- survey state ---\n        const surveyState = {\n            currentStep: 1,\n            totalSteps: 6,\n            answers: {\n                url: window.location.href,\n                'step1-1': \"\",\n                'step1-2': [],\n                'step2-1': \"\",\n                'step2-2': \"\",\n                'step2-3': \"\",\n                'step2-4': \"\",\n                'step3-1': \"\",\n                'step3-2': \"\",\n                'step3-3': [],\n                'step4-1': \"\",\n                'step4-2': \"\",\n                'step4-3': [],  \n                'step4-4': \"\",\n                'step5-1': \"\",\n                'step5-2': \"\",\n                'step5-3': [],  \n                'step5-4': \"\",\n                'step6-1': \"\",\n                'step6-2': \"\",\n                'step6-3': [],\n            },\n        };\n\n        \/\/ --- cached DOM refs ---\n        const currentStepEl = document.getElementById(\"currentStep\");\n        const progressFill = document.getElementById(\"progressFill\");\n        const backBtn = document.getElementById(\"backBtn\");\n        const nextBtn = document.getElementById(\"nextBtn\");\n\n\n        \/\/ Popup elements\n        const overlay = document.getElementById(\"overlay\");\n        const popupForm = document.getElementById(\"popup-form\");\n        const closePopupButton = document.getElementById(\"close-popup\");\n        const successPopup = document.getElementById(\"success-popup\");\n        const successCloseButton = document.getElementById(\"success-close\");\n\n        \/\/ --- init ---\n        \n\n        function init() {\n            updateProgress();\n            updateButtons();\n            attachSurveyListeners();\n            attachPopupListeners();\n\n        }\n        \n        init();\n\n        \/\/ --- progress \/ nav helpers ---\n        function updateProgress() {\n            const adjustedSteps = surveyState.totalSteps + 0.5; \/\/ keeps bar from hitting 100% before submit\n            const progress = (surveyState.currentStep \/ adjustedSteps) * 100;\n            progressFill.style.width = `${progress}%`;\n            currentStepEl.textContent = surveyState.currentStep;\n        }\n\n        function updateButtons() {\n            if (surveyState.currentStep === 1) {\n                backBtn.classList.add(\"hidden\");\n            } else {\n                backBtn.classList.remove(\"hidden\");\n            }\n            nextBtn.textContent = (surveyState.currentStep === surveyState.totalSteps) ? \"Submit\" : \"Next\";\n        }\n\n        function showStep(stepNumber) {\n            document.querySelectorAll(\".step\").forEach((step) => step.classList.remove(\"active\"));\n            const stepEl = document.getElementById(`step${stepNumber}`);\n            if (stepEl) stepEl.classList.add(\"active\");\n        }\n\n        \/\/ --- validation per step ---\n        function validateStep(isNext) {\n            let isValid = true;\n           \/\/ document.querySelectorAll(\".error-message\").forEach((el) => (el.textContent = \"\"));\n            const s = surveyState.answers;\n\n            switch (surveyState.currentStep) {\n                case 1:\n                if (!s['step1-1']) { if(isNext) {document.getElementById(\"error-step1-1\").textContent = \"Please, choose an option\";} isValid = false; }\n                    if (!Array.isArray(s['step1-2']) || s['step1-2'].length === 0) { \n                    if(isNext) {document.getElementById(\"error-step1-2\").textContent = \"Please, choose at least one option\";}\n                      isValid = false; \n                      }\n\n                    break;\n               case 2:\nif (!s['step2-1']) { if(isNext) {document.getElementById(\"error-step2-1\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!s['step2-2']) { if(isNext) {document.getElementById(\"error-step2-2\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!s['step2-3']) { if(isNext) {document.getElementById(\"error-step2-3\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!s['step2-4']) { if(isNext) {document.getElementById(\"error-step2-4\").textContent = \"Please, choose an option\";} isValid = false; }\n\n                    break;\n\n                case 3:\nif (!s['step3-1']) { if(isNext) {document.getElementById(\"error-step3-1\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!s['step3-2']) { if(isNext) {document.getElementById(\"error-step3-2\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!Array.isArray(s['step3-3']) || s['step3-3'].length === 0) { \n                    if(isNext) {document.getElementById(\"error-step3-3\").textContent = \"Please, choose at least one option\";}\n                      isValid = false; \n                      }\n\n                    break;\n                case 4:\nif (!s['step4-1']) { if(isNext) {document.getElementById(\"error-step4-1\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!s['step4-2']) { if(isNext) {document.getElementById(\"error-step4-2\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!Array.isArray(s['step4-3']) || s['step4-3'].length === 0) { \n                    if(isNext) {document.getElementById(\"error-step4-3\").textContent = \"Please, choose at least one option\";}\n                      isValid = false; \n                      }\nif (!s['step4-4']) { if(isNext) {document.getElementById(\"error-step4-4\").textContent = \"Please, choose an option\";} isValid = false; }\n\n                    break;\n\n                case 5:\nif (!s['step5-1']) { if(isNext) {document.getElementById(\"error-step5-1\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!s['step5-2']) { if(isNext) {document.getElementById(\"error-step5-2\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!Array.isArray(s['step5-3']) || s['step5-3'].length === 0) { \n                    if(isNext) {document.getElementById(\"error-step5-3\").textContent = \"Please, choose at least one option\";}\n                      isValid = false; \n                      }\nif (!s['step5-4']) { if(isNext) {document.getElementById(\"error-step5-4\").textContent = \"Please, choose an option\";} isValid = false; }\n\n                    break;\n\n                case 6:\nif (!s['step6-1']) { if(isNext) {document.getElementById(\"error-step6-1\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!s['step6-2']) { if(isNext) {document.getElementById(\"error-step6-2\").textContent = \"Please, choose an option\";} isValid = false; }\nif (!Array.isArray(s['step6-3']) || s['step6-3'].length === 0) { \n                    if(isNext) {document.getElementById(\"error-step6-3\").textContent = \"Please, choose at least one option\";}\n                      isValid = false; \n                      }\n\n                    break;\n                }\n\n                if(nextBtn.classList.contains(\"disabled\")){\n                       if(isValid){\n                        nextBtn.classList.remove('disabled');\n                      }\n                   }\n\n                return isValid;\n            }\n\n        \/\/ --- navigation actions ---\n        function handleNext() {\n          console.log(surveyState);\n            if (!validateStep(true)) {\n              nextBtn.classList.add('disabled');\n                console.log(\"validateStep failed\");\n                return;\n            }\n\n            if (surveyState.currentStep === surveyState.totalSteps) {\n                handleSubmit();\n            } else {\n               surveyState.currentStep++;\n                showStep(surveyState.currentStep);\n                updateProgress();\n                updateButtons();\n\n                \/\/ <<< \u0414\u041e\u0411\u0410\u0412\u0418\u0422\u042c \u042d\u0422\u041e >>>\n                document.getElementById(\"mobile-survey\").scrollIntoView({\n                    behavior: \"smooth\",\n                    block: \"start\"\n                });\n            }\n        }\n\n\n        function handleBack() {\n          console.log(surveyState);\n            if (surveyState.currentStep > 1) {\n               surveyState.currentStep--;         \n                showStep(surveyState.currentStep);\n                updateProgress();\n                updateButtons();\n            }\n        }\n\n        \/\/ --- submit -> open popup & push hidden values ---\n        function handleSubmit() {\n            \/\/ Remove old validation visuals but KEEP field values\n            const cf7Form = document.querySelector('#popup-form form.wpcf7-form');\n\n            if (cf7Form) {\n                cf7Form.classList.remove('invalid', 'failed', 'sent');\n                cf7Form.querySelectorAll('.wpcf7-not-valid').forEach(el => el.classList.remove('wpcf7-not-valid'));\n                cf7Form.querySelectorAll('.wpcf7-not-valid-tip').forEach(el => el.remove());\n            }\n            \/\/ Push quiz answers into CF7 hidden fields\n\n            setHiddenValue('url', surveyState.answers.url);\n\n            setHiddenValue('step1-1', surveyState.answers?.['step1-1']);\n            setHiddenValue('step1-2', surveyState.answers?.['step1-2']);\n            setHiddenValue('step2-1', surveyState.answers?.['step2-1']);\n            setHiddenValue('step2-2', surveyState.answers?.['step2-2']);\n            setHiddenValue('step2-3', surveyState.answers?.['step2-3']);\n            setHiddenValue('step2-4', surveyState.answers?.['step2-4']);\n            setHiddenValue('step3-1', surveyState.answers?.['step3-1']);\n            setHiddenValue('step3-2', surveyState.answers?.['step3-2']);\n            setHiddenValue('step3-3', surveyState.answers?.['step3-3']);\n            setHiddenValue('step4-1', surveyState.answers?.['step4-1']);\n            setHiddenValue('step4-2', surveyState.answers?.['step4-2']);\n            setHiddenValue('step4-3', surveyState.answers?.['step4-3']);\n            setHiddenValue('step4-4', surveyState.answers?.['step4-4']);\n            setHiddenValue('step5-1', surveyState.answers?.['step5-1']);\n            setHiddenValue('step5-2', surveyState.answers?.['step5-2']);\n            setHiddenValue('step5-3', surveyState.answers?.['step5-3']);\n            setHiddenValue('step5-4', surveyState.answers?.['step5-4']);\n            setHiddenValue('step6-1', surveyState.answers?.['step6-1']);\n            setHiddenValue('step6-2', surveyState.answers?.['step6-2']);\n            setHiddenValue('step6-3', surveyState.answers?.['step6-3']);\n\n\n\n            \/\/ Show popup (keep already typed data)\n            popupForm.style.display = 'block';\n            overlay.style.display = 'block';\n        }\n\n\n        \/\/ --- helpers for CF7 hidden fields ---\n        function setHiddenValue(fieldName, value) {\n            const input = document.querySelector(`#popap-form-cont input[name=\"${fieldName}\"]`);\n            if (input) input.value = value || '';\n        }\n\n        \/\/ --- attach listeners: survey controls ---\n        function attachSurveyListeners() {\n            \n            nextBtn.addEventListener(\"click\", (e) => {\n                e.preventDefault();\n                handleNext();\n            });\n            backBtn.addEventListener(\"click\", handleBack);\n\n            \/\/ Radio groups\n            document.querySelectorAll('#mobile-survey input[type=\"radio\"]').forEach((radio) => {\n                radio.addEventListener(\"change\", (e) => {\n                    surveyState.answers[e.target.name] = e.target.value;\n                    const errorEl = document.getElementById(`error-${e.target.name}`);\n                    if (errorEl) errorEl.textContent = \"\";\n                    validateStep();\n                });\n            });\n\/*\n            document.querySelectorAll('#mobile-survey input[type=\"radio\"][name=\"step1-1\"]').forEach((radio) => {\n                radio.addEventListener(\"change\", (e) => {\n                    const value = e.target.value;\n                    if (value==='An MVP or full product build') {\n                      document.querySelector('#step2 .question-block.ifBlock.ifBlock2').classList.add('active');\n                      document.querySelector('#step2 .question-block.ifBlock.ifBlock1').classList.remove('active');\n                    } else {\n                      document.querySelector('#step2 .question-block.ifBlock.ifBlock2').classList.remove('active');\n                      document.querySelector('#step2 .question-block.ifBlock.ifBlock1').classList.add('active');\n                    }\n                });\n            });\n*\/\n              \n\n\n\n\n            \/\/ Checkbox group\n            document.querySelectorAll('#mobile-survey input[type=\"checkbox\"]').forEach((checkbox) => {\n                checkbox.addEventListener(\"change\", (e) => {\n                    const value = e.target.value;\n                     const name = e.target.name;\n                    if (e.target.checked) {\n                        if (!surveyState.answers[name].includes(value)){\n                            surveyState.answers[name].push(value);\n                        } \n                    } else {\n                        surveyState.answers[name] = surveyState.answers[name].filter((f) => f !== value);\n\n                    }\n                    const err = document.getElementById(`error-${name}`);\n                    if (err && surveyState.answers[name].length > 0) {err.textContent = \"\";}\n                     validateStep();\n                });\n            });\n\n\n\n\n\n        }\n\n        \/\/ --- popup open\/close & CF7 integrations ---\n        function attachPopupListeners() {\n            \/\/ Sync visible email (email-537) -> hidden <input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"email\" \/>\n            document.addEventListener('input', function (e) {\n                if (e.target && e.target.name === 'email-537') {\n                    const hiddenEmail = document.querySelector('#popap-form-cont input[name=\"email\"]');\n                    if (hiddenEmail) {\n                        hiddenEmail.value = e.target.value || '';\n                    }\n                }\n            });\n\n            \/\/ Close on X\n            if (closePopupButton) {\n                closePopupButton.addEventListener('click', () => {\n                    popupForm.style.display = 'none';\n                    overlay.style.display = 'none';\n                });\n            }\n\n            \/\/ Close on overlay click\n             if (overlay) {\n            overlay.addEventListener('click', () => {\n                popupForm.style.display = 'none';\n                overlay.style.display = 'none';\n            });\n             }\n\n            \/\/ Close popup + reset survey AFTER CF7 form is successfully sent\n            document.addEventListener('wpcf7mailsent', function (event) {\n                popupForm.style.display = 'none';\n                overlay.style.display = 'none';\n\n                event.preventDefault();\n\n                setTimeout(() => {\n                    window.location.href = \"\/thank-you\/\";\n                }, 0);\n            }, false);\n\n        }  \n    \n    \n});\n    <\/script><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a133f57 e-flex e-con-boxed e-con e-parent\" data-id=\"a133f57\" data-element_type=\"container\" id=\"test5\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-69cd735 e-con-full e-flex e-con e-child\" data-id=\"69cd735\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61a3043 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"61a3043\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What our customers think<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9791a84 allButton elementor-widget elementor-widget-text-editor\" data-id=\"9791a84\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\n    <a href=\"\/testimonials\/\" class=\"testimonials-count\">\n        All testimonials <span>(54)<\/span>\n    <\/a>\n    <style>\n        .testimonials-count{\n            font-weight:600;\n            font-family:Sora;\n            font-size:18px;\n            padding-bottom:8px;\n            border-bottom:1px solid #2e2e2e;\n        }\n        .testimonials-count:hover{\n            border-bottom:1px solid #c36;\n        }\n    <\/style>\n\n    <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8952af elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"a8952af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\njQuery( document ).ready( function($) {\n    var myAjax = {\n        ajaxurl: '\/wp-admin\/admin-ajax.php',\n        nonce: ''\n    };\n    function decodeHtmlEntities(encodedString) {\n        if (typeof encodedString !== 'string') return encodedString;\n        \n        const textarea = document.createElement('textarea');\n        textarea.innerHTML = encodedString;\n        return textarea.value;\n    }\n    \n    $('.bottomWrapperSay .details').click(function(){\n        var iframe = decodeHtmlEntities($(this).find('.iframe').html());\n        $('.testimolials-popup-pdf-cont .iframe').html(iframe);\n        $('.testimolials-popup-pdf').show();\n    });\n    \n    $('.testimolials-popup-pdf').on('click', function(event) {\n        if (event.target === this) {\n            $('.testimolials-popup-pdf').hide();\n        }\n    });\n    $('.testimolials-popup-pdf-close').on('click', function(event) {\n        $('.testimolials-popup-pdf').hide();\n    });\n    \n    $('.bottomWrapperSay .review').click(function(){\n        var id = $(this).data('postid');\n        \n        $.ajax({\n            url: myAjax.ajaxurl,\n            type: 'POST',\n            data: {\n                action: 'my_testimonials_action',\n                post_id: id,\n            },\n            success: function(response) {\n                 \n                $('.testimonialProjectPopup').html(response);\n                $('.testimolials-popup-desc').show();\n            },\n            error: function(xhr, status, error) {\n                console.log(error);\n            }\n        });\n        \n        $(document).on('click', '.testimolials-popup-desc-close', function(){\n        $('.testimolials-popup-desc').hide();\n        });\n        \n        $('.testimolials-popup-desc').on('click', function(event) {\n            if (event.target === this) {\n                $('.testimolials-popup-desc').hide();\n            }\n        });\n        \n    });\n     \n});\n<\/script>\n\n<div class=\"testimolials-popup-pdf\" style=\"display:none\">\n            <div class=\"testimolials-popup-pdf-cont\">\n                <img decoding=\"async\" src=\"\/wp-content\/themes\/hello-elementor\/assets\/images\/close_popup.svg\" alt=\"\" class=\"testimolials-popup-pdf-close\">\n                <div class=\"iframe\">\n\n                <\/div>\n            <\/div>\n<\/div>\n\n<div class=\"testimolials-popup-desc\" style=\"display:none\">\n            <div class=\"testimonialProjectPopup\">\n                \n            <\/div>\n        <\/div>\n\n<style>\n    .testimolials-popup-pdf{\n    \twidth:100vw;\n    \theight:100vh;\n    \tdisplay: flex;\n    \tjustify-content: center;\n    \tpadding-top:150px;\n    \tposition: fixed;\n    \ttop:0;\n    \tleft:0;\n    \tbackground:#0000009c;\n    \tz-index: 10;\n    }\n    .testimolials-popup-pdf-cont{\n    \tmax-width:680px;\n    \twidth: 95%;\n    \tbackground: white;\n    \tpadding:40px;\n    \theight: calc( 100vh - 200px);\n    \tposition: relative;\n    \tz-index: 10;\n    }\n    .testimolials-popup-pdf-cont .iframe{\n    \theight:100%;\n    }\n    .testimolials-popup-pdf-cont iframe{\n    \theight:100%;\n    }\n    .testimolials-popup-pdf-close{\n    \tposition: absolute;\n    \ttop:14px;\n    \tright:14px;\n    \tcursor: pointer;\n    }\n    \n    .testimolials-popup-desc-close{\n    \tposition: absolute;\n    \ttop:14px;\n    \tright:14px;\n    \tcursor: pointer;\n    }\n    \n    .testimolials-popup-desc{\n    \twidth:100vw;\n    \theight:100vh;\n    \tdisplay: flex;\n    \tjustify-content: center;\n    \talign-items: center;\n    \tposition: fixed;\n    \ttop:0;\n    \tleft:0;\n    \tbackground:#0000009c;\n    \tz-index: 10;\n    }\n    \n    .testimonialProjectPopup {\n    \tdisplay: flex;\n    \tflex-direction: column;\n    \tgap: 40px;\n    \twidth: 95%;\n    \tpadding: 50px 40px;\n    \tbackground-color: #FFFFFF;\n    \tmax-width:680px;\n    \tposition: relative;\n    }\n    \n    .testimonialProjectPopup .topPart {\n    \tdisplay: flex;\n    \tflex-direction: column;\n    \tgap: 30px;\n    }\n    \n    .testimonialProjectPopup .topPart img {\n    \theight: 39px;\n    }\n    \n    .testimonialProjectPopup .topPart .title {\n    \tfont-family: Sora;\n    \tfont-weight: 600;\n    \tfont-size: 24px;\n    \tline-height: 135%;\n    \tcolor: #2E2E2E;\n    }\n    \n    .testimonialProjectPopup .bottomPart {\n    \tdisplay: grid;\n    \tgap: 20px;\n    }\n    \n    \n    .testimonialProjectPopup .bottomPart {\n    \tgrid-template-columns: repeat(3, 1fr);\n    }\n    \n    .testimonialProjectPopup .bottomPart.all {\n    \tgrid-template-columns: repeat(4, 1fr);\n    }\n    \n    .testimonialProjectPopup .bottomPart .technologies {\n    \tgrid-column: span 2;\n    }\n    \n    .testimonialProjectPopup .bottomPart.all .services {\n    \tgrid-column: span 2;\n    }\n    \n    .testimonialProjectPopup .bottomPart .block {\n    \tdisplay: flex;\n    \tflex-direction: column;\n    \tgap: 8px;\n    }\n    \n    .testimonialProjectPopup .bottomPart .block .title {\n    \tfont-family: Karla;\n    \tfont-weight: 700;\n    \tfont-style: Bold;\n    \tfont-size: 16px;\n    \tline-height: 150%;\n    \tcolor: #2E2E2E;\n    }\n    \n    .testimonialProjectPopup .bottomPart .block .text {\n    \tfont-family: Karla;\n    \tfont-weight: 400;\n    \tfont-size: 16px;\n    \tline-height: 24px;\n    \tcolor: #2E2E2E;\n    }\n    \n    \n    @media (max-width:1279px) {\n        .testimonials-shortcode-swiper .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {\n            padding-top: 60px !important;\n        }\n    }\n    \n    @media (max-width:767px) {\n    \n    \t.testimonialProjectPopup {\n    \t\tgap: 30px;\n    \t\tpadding: 40px 24px;\n    \t}\n    \n    \t.testimonialProjectPopup .topPart {\n    \t\tgap: 20px;\n    \t}\n    \n    \t.testimonialProjectPopup .topPart img {\n    \t\theight: 24px;\n    \t}\n    \n    \t.testimonialProjectPopup .topPart .title {\n    \t\tfont-size: 18px;\n    \t\tline-height: 130%;\n    \t}\n    \n    \t.testimonialProjectPopup .bottomPart {\n    \t\tgrid-template-columns: repeat(2, 1fr);\n    \t}\n    \n    \t.testimonialProjectPopup .bottomPart.all {\n    \t\tgrid-template-columns: repeat(2, 1fr);\n    \t}\n    \n    \t.testimonialProjectPopup .bottomPart .block {\n    \t\tgap: 4px;\n    \t}\n    \n    \t.testimonialProjectPopup .bottomPart .block .title {\n    \t\tfont-size: 12px;\n    \t}\n    \n    \t.testimonialProjectPopup .bottomPart .block .text {\n    \t\tfont-size: 12px;\n    \t\tline-height: 150%;\n    \t}\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21e5aeb elementor-widget elementor-widget-shortcode\" data-id=\"21e5aeb\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[testimonials_slider post_in=\"189452,189460,189607\" color=\"#C63031\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ab4d98 e-flex e-con-boxed e-con e-parent\" data-id=\"4ab4d98\" data-element_type=\"container\" id=\"test6\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eeec2b2 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"eeec2b2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Headless eCommerce platforms we work with<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f277fba elementor-widget elementor-widget-html\" data-id=\"f277fba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .tech-section *:lang(de) {\r\n    word-break: break-word;\r\n    hyphens: auto;\r\n  }\r\n\r\n  .tech-section p {\r\n    margin: 0;\r\n  }\r\n\r\n  .techs-container,\r\n  .techs-container * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .techs__descriptions-item {\r\n    color: #2e2e2e;\r\n  }\r\n\r\n  .techs__grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(4, 1fr);\r\n    grid-auto-rows: 1fr;\r\n\r\n    column-gap: 40px;\r\n    row-gap: 30px;\r\n\r\n    width: 100%;\r\n  }\r\n\r\n  .techs__grid__item {\r\n    padding: 10px 0;\r\n    border-bottom: 1px solid #999999;\r\n\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 20px;\r\n\r\n    position: relative;\r\n  }\r\n\r\n  a.techs__grid__item {\r\n    transition: color 150ms ease-in;\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/*a.techs__grid__item::before {\r\n        content:url();\r\n    }*\/\r\n\r\n  .techs__grid__item svg {\r\n    height: 100%;\r\n    width: auto;\r\n\r\n    aspect-ratio: 1\/1;\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateX(-25%);\r\n    mix-blend-mode: Luminosity;\r\n    transition: all 150ms ease-in;\r\n  }\r\n\r\n  a.techs__grid__item:hover svg {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n\r\n  \/*a.techs__grid__item:hover svg * {\r\n        \r\n        stroke: #c63031;\r\n    }*\/\r\n\r\n  .techs__grid__item img {\r\n    width: 50px;\r\n    flex-shrink: 0;\r\n    aspect-ratio: 1\/1;\r\n\r\n    filter: grayscale(1);\r\n    order: 1;\r\n  }\r\n\r\n  .techs__grid__item:hover img {\r\n    filter: grayscale(0);\r\n    transition: filter 150ms ease-in;\r\n  }\r\n\r\n  .techs__grid__item span {\r\n    font-family: Karla;\r\n    font-size: 20px;\r\n    font-weight: 500;\r\n    line-height: 24px;\r\n    order: 2;\r\n  }\r\n\r\n  @media (max-width: 1279px) {\r\n\r\n    .techs__descriptions-item {\r\n      gap: 30px;\r\n    }\r\n\r\n    .techs__grid {\r\n      display: grid;\r\n\r\n      grid-template-columns: repeat(auto-fill, minmax(auto, 320px));\r\n      grid-auto-rows: auto;\r\n\r\n      column-gap: 20px;\r\n      row-gap: 20px;\r\n\r\n      padding-top: 20px;\r\n\r\n      width: 100%;\r\n    }\r\n\r\n    .techs__grid__item {\r\n      padding: 10px 0;\r\n      border-bottom: 1px solid #999999;\r\n\r\n      display: flex;\r\n\r\n      gap: 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n\r\n    .techs__grid {\r\n      display: grid;\r\n\r\n      grid-template-columns: repeat(2, minmax(auto, 320px));\r\n\r\n      padding-top: 10px;\r\n    }\r\n\r\n    .techs__grid__item {\r\n      padding: 5px 0;\r\n      border-bottom: 1px solid #999999;\r\n\r\n      display: flex;\r\n\r\n      align-items: center;\r\n\r\n      gap: 12px;\r\n    }\r\n\r\n    .techs__grid__item img {\r\n      width: 30px;\r\n    }\r\n\r\n    .techs__grid__item span {\r\n      font-family: Karla;\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      line-height: 16.8px;\r\n    }\r\n\r\n  }\r\n  \r\n  .techs__grid__item::after{\r\n    content: '';\r\n    position: absolute;\r\n    right: 0;\r\n    top: 50%;\r\n    width: 70px;\r\n    height: 70px;\r\n    transform: translateY(-50%);\r\n    background-image: url('https:\/\/innowise.com\/wp-content\/uploads\/2024\/12\/Frame-1597885919.svg');\r\n    \r\n     background-position-x: right;\r\n     background-repeat: no-repeat;\r\n     background-size: cover;\r\n    \r\n    opacity: 0;\r\n    transition: background 0.35s;\r\n}\r\n\r\na.techs__grid__item:hover::after{\r\n    background-position-x: left;\r\n    opacity: 1;\r\n}\r\n\r\n@media(max-width: 767px){\r\n    .techs__grid__item:after{\r\n\r\n    width: 40px;\r\n    height: 40px;\r\n\r\n}\r\n}\r\n<\/style>\r\n\r\n  <div class=\"techs__descriptions\">\r\n    <div class=\"techs__descriptions-item\">\r\n      <div class=\"techs__grid\">\r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/08\/Commercetools.svg\"\r\n            alt=\"icon\"\r\n          \/><span>Commercetools<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/Magento.svg\"\r\n            alt=\"icon\"\r\n          \/><span>Adobe Commerce (Magento)<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/11\/Bagisto.svg\"\r\n            alt=\"icon\"\r\n          \/><span>Bagisto<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/01\/HyGraph.svg\"\r\n            alt=\"icon\"\r\n          \/><span>Hygraph<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/08\/Storyblok.svg\"\r\n            alt=\"icon\"\r\n          \/><span>Storyblok<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/shopify.svg\"\r\n            alt=\"icon\"\r\n          \/><span>Shopify Plus<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/08\/Spryker.svg\"\r\n            alt=\"icon\"\r\n          \/><span>Spryker<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/12\/BigCommerce.svg\"\r\n            alt=\"icon\"\r\n          \/><span>BigCommerce<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/11\/Fabric.svg\"\r\n            alt=\"icon\"\r\n          \/><span>Fabric<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"techs__grid__item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/innowise.com\/wp-content\/uploads\/2025\/09\/SAP-1.svg\"\r\n            alt=\"icon\"\r\n          \/><span>SAP Commerce Cloud<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const mobileNavItems = document.querySelectorAll(\".mobile-techs-navitem\");\r\n\r\n    const techsListItems = document.querySelectorAll(\r\n      \".techs-container  .techs__list  .tech__list_container  .techs__list-item\",\r\n    );\r\n    const techsDescriptions = document.querySelectorAll(\r\n      \".techs-container  .techs__descriptions  .techs__descriptions-item\",\r\n    );\r\n\r\n    function showMobileItem(item) {\r\n      item.classList.add(\"active\");\r\n\r\n      const content = item.querySelector(\".mobile-tech-desc\");\r\n      if (content) {\r\n        \/*content.style.transitionDuration = content.scrollHeight * 1 + 'ms'*\/\r\n\r\n        content.style.maxHeight = \"unset\";\r\n      }\r\n    }\r\n\r\n    function hideMobileItem(item) {\r\n      item.classList.remove(\"active\");\r\n\r\n      const content = item.querySelector(\".mobile-tech-desc\");\r\n      if (content) {\r\n        content.style.maxHeight = \"0\";\r\n      }\r\n    }\r\n\r\n    function activateMobileItem(index, canClose = true) {\r\n      const item = mobileNavItems[index];\r\n\r\n      const isActive = item.classList.contains(\"active\");\r\n      \/\/ Collapse all items\r\n      mobileNavItems.forEach((nav) => {\r\n        hideMobileItem(nav);\r\n      });\r\n\r\n      \/\/ Expand clicked item only if it was not active\r\n      if (!isActive || !canClose) {\r\n        showMobileItem(item);\r\n      }\r\n    }\r\n\r\n    function activateDesktopItem(index) {\r\n      techsListItems.forEach((item, itemIndex) => {\r\n        if (itemIndex === index) {\r\n          item.classList.add(\"techs__list-item_active\");\r\n        } else {\r\n          item.classList.remove(\"techs__list-item_active\");\r\n        }\r\n      });\r\n\r\n      techsDescriptions.forEach((itemDesc, itemDescIndex) => {\r\n        if (itemDescIndex === index) {\r\n          itemDesc.classList.add(\"techs__descriptions-item_active\");\r\n        } else {\r\n          itemDesc.classList.remove(\"techs__descriptions-item_active\");\r\n        }\r\n      });\r\n    }\r\n\r\n    mobileNavItems.forEach((item, index) => {\r\n      item.querySelector(\"h3\").addEventListener(\"click\", () => {\r\n        activateMobileItem(index);\r\n        activateDesktopItem(index);\r\n      });\r\n    });\r\n\r\n    techsListItems.forEach((item, index) => {\r\n      item.addEventListener(\"click\", () => {\r\n        activateDesktopItem(index);\r\n        activateMobileItem(index, false);\r\n      });\r\n    });\r\n\r\n    activateMobileItem(0);\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8219f9b author-quote e-flex e-con-boxed e-con e-parent\" data-id=\"8219f9b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-579c9af e-con-full e-flex e-con e-child\" data-id=\"579c9af\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4560051 elementor-widget elementor-widget-image\" data-id=\"4560051\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"400\" height=\"450\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/Photo-1.png\" class=\"attachment-full size-full wp-image-196580\" alt=\"\" srcset=\"https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/Photo-1.png 400w, https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/Photo-1-267x300.png 267w, https:\/\/innowise.com\/wp-content\/uploads\/2026\/05\/Photo-1-11x12.png 11w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2053ba6 e-con-full e-flex e-con e-child\" data-id=\"2053ba6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e69f506 elementor-widget-tablet__width-inherit no-mb de-hyph elementor-widget elementor-widget-text-editor\" data-id=\"e69f506\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Headless development services give your business the flexibility and scalability you won\u2019t get with traditional CMS. By splitting the presentation layer from the core, we help you boost performance, manage channels easily, and stay nimble as the market shifts. With our know-how and tech, we get it right the first time \u2014 saving you the hassle of trial and error.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec34388 elementor-widget elementor-widget-heading\" data-id=\"ec34388\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"\/authors\/ivan-grabovski\/\">Ivan Grabovski<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b17bdc elementor-widget elementor-widget-heading\" data-id=\"3b17bdc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Head of e-commerce & RetailTech<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-feff3fc link-underline e-flex e-con-boxed e-con e-parent\" data-id=\"feff3fc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fefd6c elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3fefd6c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Industries we serve<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea0ec1a elementor-widget elementor-widget-html\" data-id=\"ea0ec1a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"x-industries__list\"> \r\n  <div class=\"x-industries__swiper\">\r\n    <ul class=\"x-industries__list_container swiper-wrapper\">\r\n      <li class=\"swiper-slide active\">eCommerce<\/li>\r\n      <li class=\"swiper-slide\">Media<\/li>\r\n      <li class=\"swiper-slide\">Education<\/li>\r\n      <li class=\"swiper-slide\">Travel<\/li>\r\n      <li class=\"swiper-slide\">Real estate<\/li>\r\n      <li class=\"swiper-slide\">Retail<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n\r\n  <div class=\"x-industries__navigation\">\r\n    <button class=\"x-industries__navigation-btn\">\r\n      <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <g>\r\n          <path d=\"M12 4L4 12L12 20\" stroke=\"#2E2E2E\" stroke-width=\"2\" \/>\r\n          <path d=\"M21 12.0002L4 12.0002\" stroke=\"#2E2E2E\" stroke-width=\"2\" \/>\r\n        <\/g>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <button class=\"x-industries__navigation-btn\">\r\n      <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M13 4L21 12L13 20\" stroke=\"#2E2E2E\" stroke-width=\"2\" \/>\r\n        <path d=\"M4 12.0002L21 12.0002\" stroke=\"#2E2E2E\" stroke-width=\"2\" \/>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n    .x-industries__descriptions{\r\n    width: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n.x-industries__descriptions .swiper-wrapper, .x-industries__swiper{\r\n    width: 100% !important;\r\n}\r\n\r\n\r\n.x-industries__descriptions-item:not(.swiper-slide-active) {\r\n    opacity: 0 !important;\r\n}\r\n\r\n.x-industries__swiper {\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  box-sizing: border-box !important;  \r\n}\r\n\r\n.x-industries__list_container.swiper-wrapper {\r\n  display: flex;\r\n  width: 100%;\r\n  list-style: none;\r\n padding: 0;\r\n}\r\n\r\n.x-industries__list  {\r\n  display: flex;\r\n  gap: 80px;\r\n  border-bottom: 1px solid #c4c4c4;\r\n  margin-bottom: -1px;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n   \r\n\r\n\r\n\r\n.x-industries__list li{\r\n  flex-shrink: 0;\r\n  width: auto !important;\r\n  padding: 24px 16px;\r\n  color: #717171;\r\n  font-family: Sora, sans-serif;\r\n  font-weight: 600;\r\n  font-size: 18px;\r\n  line-height: 22.7px;\r\n  cursor: pointer;\r\n  border-bottom: 1px solid transparent;\r\n}\r\n\r\n\r\n.x-industries__list li.active {\r\n  color: #2e2e2e;\r\n  border-bottom: 1px solid #c63031;\r\n}\r\n\r\n\r\n\r\n\r\n.x-industries__descriptions-item {\r\n  display: flex;\r\n  gap: 80px;\r\n  height: 100%;\r\n  min-height: 300px;\r\n}\r\n\r\n.x-slider-info-block {\r\n    width: min(640px, 50%);\r\n}\r\n\r\n.x-slider-title h3 {\r\n  color: #2E2E2E;\r\n  font-weight: 600;\r\n  line-height: 32px;\r\n  font-size: 24px;\r\n  font-family: Sora, sans-serif;\r\n  margin: 0;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.x-slider-desc {\r\n  font-weight: 400;\r\n  font-size: 18px;\r\n  line-height: 27px;\r\n  font-family: Karla, sans-serif;\r\n}\r\n\r\n\r\n\r\n.x-slider-list{\r\n  margin-top: 16px; \r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  padding: 0;\r\n}\r\n\r\n\r\n   \r\n\r\n.x-slider-list li{\r\n      list-style: none;\r\n    position: relative;\r\n  padding-left: 20px;\r\n  font-weight: 400;\r\n  font-size: 18px;\r\n  line-height: 27px;\r\n  font-family: Karla, sans-serif;\r\n\r\n}\r\n   \r\n\r\n.x-slider-list li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 13px;\r\n    left: 0;\r\n    transform: translateY(-50%);\r\n    width: 7px;\r\n    height: 7px;\r\n    background-color: #C63031;\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\r\n.x-slider-image-block img {\r\n  width: 680px;\r\n  height: auto;\r\n  border: none;\r\n  border-radius: 0;\r\n  box-shadow: none;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  vertical-align: middle;\r\n}\r\n\r\n.x-industries__navigation {\r\n  position: relative;\r\n  flex-shrink: 0;\r\n      user-select: none;\r\n}\r\n\r\n\r\n.x-industries__navigation-btn {\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n  border: none!important;\r\n  outline: none!important;\r\n  padding-top: 20px;\r\n}\r\n\r\n.x-industries__navigation-btn.swiper-button-disabled{\r\n  opacity: 0.5;\r\n}\r\n\r\n.x-slider-image-block{\r\n    display: flex;\r\n}\r\n\r\n\r\n\r\n@media (max-width: 1024px) {\r\n    \r\n    \r\n.x-industries__swiper{\r\n    overflow: visible;\r\n}    \r\n\r\n.x-industries__descriptions-item {\r\n    display: flex;\r\n    flex-direction:column;\r\n    gap: 40px;\r\n    min-height: unset;\r\n}\r\n\r\n.x-slider-info-block {\r\n    width:100%;\r\n}\r\n\r\n.x-industries__list  {\r\n  gap: 40px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.x-slider-image-block {\r\n    max-width:680px;\r\n}\r\n\r\n.x-slider-info-block{\r\n    max-width:640px;\r\n}\r\n\r\n.x-slider-title h3 {\r\n    margin-bottom: 30px;\r\n    \r\n}\r\n\r\n.x-industries__navigation {\r\ndisplay:none;\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    \r\n    \r\n\r\n\r\n.x-industries__list li{\r\n  border-bottom: 3px solid transparent;\r\n}\r\n\r\n\r\n.x-industries__list li.active {\r\n  border-bottom: 3px solid #c63031;\r\n}\r\n    \r\n    \r\n    \r\n.x-industries__list  {\r\n  margin-bottom: 30px;\r\n}    \r\n    \r\n .x-slider-title h3 {\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\nline-height: 24px;\r\n    \r\n}\r\n\r\n.x-industries__list li{\r\n\r\n  padding: 16px 6px;\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n  line-height: 18px;\r\n}\r\n\r\n.x-slider-desc {\r\n     font-size: 14px;\r\n  line-height: 21px;\r\n}\r\n\r\n\r\n.x-slider-list {\r\n    margin-top:12px;\r\n    gap:12px;\r\n}\r\n\r\n   \r\n\r\n\r\n.x-slider-list li{\r\n  font-size: 14px;\r\n  line-height: 21px;\r\n  padding-left:16px;\r\n}\r\n\r\n.x-industries__descriptions-item {\r\n\r\n    gap: 20px;\r\n\r\n}\r\n\r\n.x-slider-list li::before {\r\n    content: \"\";\r\n \r\n    top: 10px;\r\n    width:5px;\r\n    height:5px;\r\n       font-size: 14px;\r\n    line-height: 21px;\r\n\r\n}\r\n<\/style>\r\n  \r\n  \r\n<script >\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n\r\n  const xindustriesListItems = document.querySelectorAll('.x-industries__list_container li');\r\n  \r\n  const industriesSlider1 = new Swiper('.x-industries__swiper', {\r\n    slidesPerView: 'auto',\r\n    spaceBetween: 24,  \r\n\r\n      watchSlidesProgress: true,\r\n    grabCursor: true,\r\n    \r\n    \r\n          \r\n  breakpoints: {\r\n   280: {\r\n    spaceBetween: 20, \r\n    },\r\n\r\n\r\n     820: {\r\n    spaceBetween: 24, \r\n    },\r\n  } \r\n    \r\n\r\n  });\r\n  \r\n\r\n  \r\n  const industriesSlider2 = new Swiper('.industries__swiper', {\r\n    slidesPerView: 1,\r\n   spaceBetween: 24, \r\n       effect:'fade',\r\n    grabCursor: true,\r\n      thumbs: {\r\n        swiper: industriesSlider1 ,\r\n      },\r\n      navigation: {\r\n        nextEl: \".x-industries__navigation button:nth-child(2)\",\r\n        prevEl: \".x-industries__navigation button:nth-child(1)\",\r\n      },\r\n  });  \r\n    \r\n  \r\n  \r\n  \r\nindustriesSlider2.on('slideChange', function (data) {\r\n\r\nconst activeIndex = data.activeIndex;\r\n\r\n industriesSlider1.slideTo(activeIndex);\r\n \r\n    \r\nxindustriesListItems.forEach((elem,i)=>{\r\n         if (activeIndex === i) {\r\n          elem.classList.add('active');\r\n        } else {\r\n          elem.classList.remove('active');\r\n        }   \r\n}) \r\n\r\n});  \r\n  \r\n});  \r\n  \r\n<\/script>\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7734d4d elementor-widget elementor-widget-html\" data-id=\"7734d4d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"x-industries__descriptions industries__swiper\">\r\n  <div class=\"swiper-wrapper\">\r\n\r\n    <div class=\"x-industries__descriptions-item swiper-slide swiper-slide-active\">\r\n      <div class=\"x-slider-info-block\">\r\n        <div class=\"x-slider-title\">\r\n          <h3>eCommerce<\/h3>\r\n        <\/div>\r\n        <p class=\"x-slider-desc\"> Effortlessly manage all your customer touchpoints \u2014 websites, mobile apps, POS systems \u2014 you name it. Everything runs through one system, making it a breeze to sync data and scale your business into new markets.\r\n        <\/p>\r\n        <ul class=\"x-slider-list\">\r\n          <li>Instant product and price updates<\/li>\r\n          <li>Real-time sync across all channels<\/li>\r\n          <li>Personalized customer experience<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"x-slider-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Industry_680%D1%85360\/ecommerce.png\" alt=\"Smart ecommerce platforms personalize shopping and secure payments, creating seamless online buying experiences\" \/>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"x-industries__descriptions-item swiper-slide swiper-slide-active\">\r\n      <div class=\"x-slider-info-block\">\r\n        <div class=\"x-slider-title\">\r\n          <h3>Media and entertainment<\/h3>\r\n        <\/div>\r\n        <p class=\"x-slider-desc\">With a flexible setup, you can quickly get content like videos, articles, or live streams out there and easily handle your multi-channel game. Watch your audience engagement soar and revenue roll in across all your platforms.<\/p>\r\n        <ul class=\"x-slider-list\">\r\n          <li>Fast content delivery across all platforms<\/li>\r\n          <li>Centralized management for easy editing<\/li>\r\n          <li>Smooth experience on all devices and apps<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"x-slider-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Industry_680%D1%85360\/media-and-entertainment.png\" alt=\"Content creator recorded on a smart DSLR with live AI framing and cloud streaming integration\" \/>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"x-industries__descriptions-item swiper-slide swiper-slide-active\">\r\n      <div class=\"x-slider-info-block\">\r\n        <div class=\"x-slider-title\">\r\n          <h3>Education and eLearning<\/h3>\r\n        <\/div>\r\n        <p class=\"x-slider-desc\">Easily update your materials, roll out new modules, and experiment with different learning formats. Launch courses faster and make sure students always have the latest info from any device.<\/p>\r\n        <ul class=\"x-slider-list\">\r\n          <li>Fast content and module updates<\/li>\r\n          <li>Access from any device<\/li>\r\n          <li>Smooth LMS integration<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"x-slider-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Industry_680%D1%85360\/education.png\" alt=\"Modern education blends traditional study with digital tools for tracking and enhancing student progress\" \/>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"x-industries__descriptions-item swiper-slide swiper-slide-active\">\r\n      <div class=\"x-slider-info-block\">\r\n        <div class=\"x-slider-title\">\r\n          <h3>Travel and hospitality<\/h3>\r\n        <\/div>\r\n        <p class=\"x-slider-desc\">Thanks to headless CMS, you can personalize offers for each guest, crafting unique content and deals that match their preferences. Expect more repeat bookings and higher average checkouts.<\/p>\r\n        <ul class=\"x-slider-list\">\r\n          <li>Instant updates on prices and availability<\/li>\r\n          <li>Sync info across all platforms<\/li>\r\n          <li>Personalized deals and content<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"x-slider-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Industry_680%D1%85360\/tourism.png\" alt=\"Connected travel platforms enhance trip planning, booking, and real-time experience for tourists\r\n\r\n\" \/>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"x-industries__descriptions-item swiper-slide swiper-slide-active\">\r\n      <div class=\"x-slider-info-block\">\r\n        <div class=\"x-slider-title\">\r\n          <h3>Real estate<\/h3>\r\n        <\/div>\r\n        <p class=\"x-slider-desc\">Show the right properties to the right people with a headless CMS. By crafting personalized pages for specific client groups, you\u2019ll drive up conversion rates and sales while effortlessly adapting to market shifts.<\/p>\r\n        <ul class=\"x-slider-list\">\r\n          <li>Instant updates on property info<\/li>\r\n          <li>Personalized search and filtering<\/li>\r\n          <li>Easy CRM and property management integration<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"x-slider-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Industry_680%D1%85360\/real-estate.png\" alt=\"Digital real estate solutions enable automated smart home access, remote management, and secure transactions\" \/>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"x-industries__descriptions-item swiper-slide swiper-slide-active\">\r\n      <div class=\"x-slider-info-block\">\r\n        <div class=\"x-slider-title\">\r\n          <h3>Retail<\/h3>\r\n        <\/div>\r\n        <p class=\"x-slider-desc\">Frustrated by slow product updates and missed sales opportunities? API-driven CMS lets you quickly adapt to trends, launch personalized promos, and turn your stores into micro-fulfillment hubs \u2014 hassle-free.<\/p>\r\n        <ul class=\"x-slider-list\">\r\n          <li>Fast price and promo updates<\/li>\r\n          <li>Consistent shopping experience<\/li>\r\n          <li>Real-time personalized recommendations<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"x-slider-image-block\">\r\n        <img decoding=\"async\" src=\"https:\/\/innowise.com\/wp-content\/cloud\/Industry_680%D1%85360\/retail.png\" alt=\"Consumer checks online deals on smartphone amid pink shopping bags and urban storefront backdrop\r\n\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bedd031 e-flex e-con-boxed e-con e-parent\" data-id=\"bedd031\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cad0a15 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"cad0a15\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQ<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98c6070 e-con-full e-grid e-con e-child\" data-id=\"98c6070\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dcd4304 e-con-full e-flex e-con e-child\" data-id=\"dcd4304\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e00a773 faq elementor-widget elementor-widget-n-accordion\" data-id=\"e00a773\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2340\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2340\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can a headless CMS improve my website's SEO? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\"><path fill=\"#C63031\" d=\"M8 21v-2h24v2z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\"><path fill=\"#C63031\" d=\"M19 8h2v24h-2z\"><\/path><path fill=\"#C63031\" d=\"M8 21v-2h24v2z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2340\" class=\"elementor-element elementor-element-00d8e00 e-con-full e-flex e-con e-child\" data-id=\"00d8e00\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a971c2d elementor-widget elementor-widget-html\" data-id=\"a971c2d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class='content'>\n <p>Short answer: yes, it can. With a headless setup, you have way more control over things like page speed, structure, and metadata. That makes it much easier to fine-tune your site for search engines and get better results.\n<\/p>   \n<\/div> \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2341\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2341\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How does headless CMS support omnichannel experiences? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\"><path fill=\"#C63031\" d=\"M8 21v-2h24v2z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\"><path fill=\"#C63031\" d=\"M19 8h2v24h-2z\"><\/path><path fill=\"#C63031\" d=\"M8 21v-2h24v2z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2341\" class=\"elementor-element elementor-element-407d590 e-con-full e-flex e-con e-child\" data-id=\"407d590\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5791c77 elementor-widget elementor-widget-html\" data-id=\"5791c77\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class='content'>\n <p>Simply put, it lets you create content once and use it everywhere. Your website, mobile app, even smart devices \u2014 everything pulls from the same source, so your content stays consistent across all channels.<\/p>\n<\/div> \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2342\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2342\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What are the costs of migrating to a headless CMS? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\"><path fill=\"#C63031\" d=\"M8 21v-2h24v2z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\"><path fill=\"#C63031\" d=\"M19 8h2v24h-2z\"><\/path><path fill=\"#C63031\" d=\"M8 21v-2h24v2z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2342\" class=\"elementor-element elementor-element-335515c e-con-full e-flex e-con e-child\" data-id=\"335515c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0188ea elementor-widget elementor-widget-html\" data-id=\"b0188ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class='content'>\n <p>It depends on your setup, but upfront costs can be a bit higher. That said, many teams find it\u2019s worth it in the long run thanks to better flexibility, easier scaling, and fewer headaches down the line.<\/p>   \n<\/div> \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2343\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2343\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How secure is a headless CMS? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\"><path fill=\"#C63031\" d=\"M8 21v-2h24v2z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"none\"><path fill=\"#C63031\" d=\"M19 8h2v24h-2z\"><\/path><path fill=\"#C63031\" d=\"M8 21v-2h24v2z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2343\" class=\"elementor-element elementor-element-9c35824 e-flex e-con-boxed e-con e-child\" data-id=\"9c35824\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a587e32 elementor-widget elementor-widget-html\" data-id=\"a587e32\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class='content'>\n <p>Pretty solid, actually. Since the frontend and backend are separate, there\u2019s less exposure to common attacks, and there\u2019s no direct access to the CMS through the presentation layer. Plus, you get more control over how and where your data is handled.<\/p>   \n<\/div> \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Can a headless CMS improve my website's SEO?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Short answer: yes, it can. With a headless setup, you have way more control over things like page speed, structure, and metadata. That makes it much easier to fine-tune your site for search engines and get better results.\"}},{\"@type\":\"Question\",\"name\":\"How does headless CMS support omnichannel experiences?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Simply put, it lets you create content once and use it everywhere. Your website, mobile app, even smart devices \\u2014 everything pulls from the same source, so your content stays consistent across all channels.\"}},{\"@type\":\"Question\",\"name\":\"What are the costs of migrating to a headless CMS?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It depends on your setup, but upfront costs can be a bit higher. That said, many teams find it\\u2019s worth it in the long run thanks to better flexibility, easier scaling, and fewer headaches down the line.\"}},{\"@type\":\"Question\",\"name\":\"How secure is a headless CMS?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Pretty solid, actually. Since the frontend and backend are separate, there\\u2019s less exposure to common attacks, and there\\u2019s no direct access to the CMS through the presentation layer. Plus, you get more control over how and where your data is handled.\"}}]}<\/script>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6dff78e e-con-full e-flex e-con e-child\" data-id=\"6dff78e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b1f8c9b e-con-full maxHeight516 e-flex e-con e-child\" data-id=\"b1f8c9b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c9075a elementor-widget elementor-widget-image\" data-id=\"6c9075a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/innowise.com\/wp-content\/uploads\/2024\/10\/Customer-service.svg\" class=\"attachment-full size-full wp-image-173854\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4b48c4 e-con-full e-flex e-con e-child\" data-id=\"c4b48c4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f98719 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"0f98719\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Feel free to book a call and get all the answers you need.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42346fd elementor-widget__width-inherit ctaSecond button-full-w elementor-widget-tablet__width-initial elementor-widget elementor-widget-button\" data-id=\"42346fd\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#contact-form\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book a call<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-53e0544 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"53e0544\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d6c863f\" data-id=\"d6c863f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-723f74a elementor-widget elementor-widget-shortcode\" data-id=\"723f74a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f100240-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"100240\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/pt\/wp-json\/wp\/v2\/pages\/173238#wpcf7-f100240-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" enctype=\"multipart\/form-data\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"100240\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f100240-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<style>\n.mailToContact br:nth-child(2){\ndisplay:none;\n}\n#form-templates .contact__info {\n  background-color: #f4f4f4;\n  padding: 70px 44px 70px 50px;\n  position: relative;\n  max-width: 540px;\n  width: 100%;\nborder: 1px solid #AEB1B7;\n}\n\n#form-templates .contact__info-background {\n  z-index: -1;\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  width: 100%;\n  height: 100%;\n  border: 1px dashed #ef4557;\n}\n\n\n#form-templates .new-container{\ndisplay: flex;\njustify-content: space-between;\nflex-wrap: wrap;\n}\n\n\n#form-templates{\npadding: 100px 15px 100px 15px;        \n}\n\n#form-templates .contact__info-heading {\n  font-family: 'Sora' !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n  font-size: 36px !important;\n  line-height: 46px !important;\n  color: #2E2E2E !important;\n   margin-bottom: 60px !important;\n\n}\n\n\n#form-templates .message label{\ncolor: #585858 !important;   \n}\n\n.elementor-widget-container.form-template h2,.elementor-widget-container.form-template h1{\n font-size: 60px !important;\n  line-height: 70px !important;\n  font-family: \"Sora\", Sans-serif;\n  font-weight: 400;\n  margin: 0;  \n  margin-bottom: 20px;\n}\n\n\n\n\n.elementor-widget-container.form-template p{\n  font-family: \"Karla\", Sans-serif;\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 28px;\n  color: var( --e-global-color-primary );\n  max-width: 700px;\n  margin: 0; \n  margin-bottom: 40px;\n} \n  \n\n\n.new-container #spinner{\nwidth: 50%;\nmax-width: 700px;\n}\n\n\n#form-templates .new-container #spinner div.contact-us__wrapper:nth-child(6){\ngap:30px; \n    \n}\n\n\n#form-templates .contact__info-heading {\n  margin-bottom: 67px;\n  font-size: 36px;\n  font-family: karla;\n  color:  #2E2E2E;\n\n  line-height: 49px;\n}\n\n#form-templates .contact__info-steps {\n  display: flex;\n  flex-direction: column;\n  max-width: 425x;\n  row-gap: 20px;\n  border-left: 1px solid #2e2e2e;\n}\n\n#form-templates .contact__info-block {\n  position: relative;\n  padding-left: 45px;\n}\n\n#form-templates .contact__info-block:last-child {\n  box-shadow: -1px 0 0 1px #f4f4f4;\n}\n\n#form-templates .contact__info-step {\n  position: absolute;\n  border: 1px solid #2e2e2e;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 20px;\n  left: -20px;\n  top: -8px;\n  background-color: #F4F4F4;\n  color:  #2E2E2E;\n\nfont-family: Karla;\nfont-weight: 700;\nfont-size: 18px;\nline-height: 28px;\n\n}\n\n.elementor-widget-global .contact__info-step {\n        color:  #2E2E2E;\n}\n\n#form-templates .contact__info-text {\n  margin: 0;\n  font-size: 16px;\n  line-height: 26px;\n  color: #2E2E2E;\n  font-family: karla;\n\n  width: 100%;\n}\n\n\n#form-templates .contact-us__send{\nflex-shrink: 0;\nmargin-top:0;\n}\n\n\n\n@media screen and (max-width: 1279px) {\n    .new-container #spinner{\n        width: 100%;\n        max-width:100%;\n        margin-bottom:40px;\n    }\n    \n\n    .new-container .contact__info {\n        max-width: 700px !important;\n    }\n    \n}\n\n\n@media screen and (max-width: 1279px) {\n#form-templates{\npadding: 60px 15px 70px 15px;     \n}\n}\n\n\n\n@media screen and (max-width: 767px) {\n\n#form-templates .new-container #spinner div.contact-us__wrapper:nth-child(6){\ngap:20px; \n \n}\n\n\n  #form-templates .contact__info {\n    padding: 20px 20px 40px 40px;\n    margin: 0 auto;\n  }\n\n\n#form-templates{\npadding: 40px 15px 50px 15px;  \n    \n}\n\n  \n   .new-container #spinner{\n       \n    margin-bottom:30px;   \n   }\n   \n   \n   .elementor-widget-container.form-template h2,.elementor-widget-container.form-template h1{\n   font-size: 32px !important;\n    line-height: 42px !important;    \n   }\n   \n   \n   .elementor-widget-container.form-template p{\n       \n    font-size: 16px;\n    line-height: 20px;  \n    margin-bottom: 30px;\n \n       \n   }\n   \n   #form-templates .contact__info-heading{\n   font-size: 24px !important;\n    line-height: 49px !important;    \n       \n   }\n   \n\n.mailToContact{\nmargin-top: 10px !important;        \n}\n\n   \n\n  #form-templates .contact__info-heading {\n    font-size: 24px;\n    margin-bottom: 37px;\n  }\n\n  #form-templates .contact__info-background {\n    top: 10px;\n    left: 10px;\n  }\n\n  #form-templates .contact__info-text {\n    font-size: 12px;\n    line-height: 20px;\n  }\n  \n  \n  #form-templates .contact__info-heading {\n   margin-bottom: 35px !important;\n\n}\n\n}\n\n@media (max-width: 767px) {\n    .mailToContact {\n        max-width: 100%;\n    }\n}\n<\/style>\n\n<script>\nwindow.addEventListener('hashchange',function(e){if(window.history.pushState){window.history.pushState('','\/',window.location.pathname)}else{window.location.hash=''}})\n<\/script>\n\n\n<div id=\"form-templates\">\n<div class=\"elementor-widget-container form-template\">\n<a name=\"contact-form\"><\/a>\n<h2>Contact us<\/h2>\n<p><a id=\"calendlylink\" style=\"color: #c63031; border-bottom: 1px solid #c63031; padding: 0;\">Book a call<\/a> or fill out the form below and we\u2019ll get back to you once we\u2019ve processed your request.<\/p>\n<\/div>\n\n<div class=\"new-container\">\n\n\n<div class=\"contact-us__main\" id=\"spinner\" data-no-defer=\"1\">\n\n<div class=\"contact-us__wrapper\">\n\n<div class=\"name\">\n<label>Name<\/label>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"field_name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required contact-us__name\" id=\"contact-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name*\" value=\"\" type=\"text\" name=\"field_name\" \/><\/span>\n<\/div>\n\n<div class=\"company\">\n<label>Company<\/label>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required contact-us__company\" id=\"contact-company\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Company*\" value=\"\" type=\"text\" name=\"company\" \/><\/span>\n<\/div>\n\n<\/div>\n\n<div class=\"contact-us__wrapper\">\n\n<div class=\"email\">\n<label>Email<\/label>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email contact-us__email\" id=\"contact-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Corporate email*\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n<\/div>\n\n<div class=\"phone\">\n<label>Phone<\/label>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel contact-us__phone\" id=\"contact-phone\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Phone*\" value=\"\" type=\"tel\" name=\"tel\" \/><\/span>\n<\/div>\n\n<\/div>\n<div class=\"contact-us__wrapper subj\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-recipient\"><select class=\"wpcf7-form-control wpcf7-select\" id=\"form-field-subj_js\" aria-invalid=\"false\" name=\"your-recipient\"><option value=\"\">Subject*<\/option><option value=\"IT staff augmentation\">IT staff augmentation<\/option><option value=\"Turnkey product development\">Turnkey product development<\/option><option value=\"Support and enhancement\">Support and enhancement<\/option><option value=\"Careers\">Careers<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n\n<span class=\"wpcf7-form-control-wrap\" data-name=\"form-field-budget_js\"><select class=\"wpcf7-form-control wpcf7-select\" id=\"form-field-budget_js\" aria-invalid=\"false\" name=\"form-field-budget_js\"><option value=\"\">Project budget<\/option><option value=\"Under $15K\">Under $15K<\/option><option value=\"$15K-$30K\">$15K-$30K<\/option><option value=\"$30K-$100K\">$30K-$100K<\/option><option value=\"$100K-$250K\">$100K-$250K<\/option><option value=\"$250K-$500K\">$250K-$500K<\/option><option value=\"More than $500K\">More than $500K<\/option><\/select><\/span>\n\n<\/div>\n\n\n<div class=\"message\">\n<label>Message<\/label>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"1\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required contact-us__message\" id=\"contact-message\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Describe your needs in detail*\" name=\"message\"><\/textarea><\/span>\n<\/div>\n\n<div class=\"atvoice-wrap\">\n\n<div class=\"voice-wrap\">\n<span id=\"voice-mut\" class=\"voicetext\">Send us a voice message<\/span>\n         <div class=\"qc_voice_audio_wrapper\">\n            <div class=\"qc_voice_audio_container\">\n                <div class=\"qc_voice_audio_upload_main\" id=\"qc_audio_main\">\n                    <a class=\"qc_audio_record_button\" id=\"qc_audio_record\" href=\"#\" aria-label=\"Record an audio message\">\n                        <span class=\"dashicons dashicons-microphone\"><\/span> \u00a0<\/a> \n                <\/div>\n\n                <div class=\"qc_voice_audio_recorder\" id=\"qc_audio_recorder\" style=\"display:none\">\n\n                <\/div>\n                <div class=\"qc_voice_audio_display\" id=\"qc_audio_display\"  style=\"display:none\">\n                    <audio id=\"qc-audio\" controls src=\"\"><\/audio>\n                    <span title=\"Remove and back to main upload screen.\" class=\"qc_audio_remove_button dashicons dashicons-trash\"><\/span>\n                <\/div>\n            <\/div>\n            <input type=\"hidden\" value=\"\" name=\"qcwpvoicemessage\" id=\"qc_audio_url\" \/>\n        <\/div>\n        \n<\/div>\n\n\n<div class=\"attach-wrap\">\n<span class=\"voicetext\">Attach documents<\/span>\n\n<div class='attachment'>\n\n<div class=\"downloaded\">\n<span><\/span>\n<div class=\"deleteFile\"><\/div>\n<\/div>\n\n<div class=\"attachmentButton\" onclick=\"(function cl(e){if(e.target.nodeName == 'DIV'){e.target.parentNode.children[1].children[0].click(); }})(arguments[0]);\">\n\n<div class=\"innerText\">Upload file<\/div>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"att-files\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file\" accept=\".jpg,.png,.jpeg,.pdf\" aria-invalid=\"false\" type=\"file\" name=\"att-files\" \/><\/span>\n\n<div class=\"tip\" onclick=\"event.stopPropagation()\">\n<p>You can attach 1 file up to 2MB. Valid file formats: pdf, jpg, jpeg, png.<\/p>\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<\/div>\n\n<div class=\"contact-us__wrapper\"> \n<p class=\"pp\">By clicking Send, you consent to Innowise processing your personal data per our<a href=\"\/privacy-notice\/\"> Privacy Policy <\/a>to provide you with relevant information. By submitting your phone number, you agree that we may contact you via voice calls, SMS, and messaging apps. Calling, message, and data rates may apply.<\/p>\n\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"scoring_point\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmCampaign\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmContent\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmMedium\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmSource\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"utmTerm\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"location\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"city\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"ip\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"Summ\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"gclid\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"rating\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"urlCompany\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"urlWithParams\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"\" type=\"hidden\" name=\"audioMessageLink\" \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner contact-us__send\" id=\"contact-send-button\" type=\"submit\" value=\"Send\" \/>\n<\/div>\n\n<div class='mailToContact'>You can also send us your request <\/br>to <a href=\"mailto:contact@innowise.com\">contact@innowise.com<\/a><\/div>\n\n<\/div>\n\n<div class=\"elementor-widget-container\" style=\"z-index:1;\">\n<div class=\"contact__info\">\n  <div class=\"contact__info-background\"><\/div>\n  <div class=\"contact__info-heading\">What happens next?<\/div>\n  <div class=\"contact__info-steps\">\n\n    <div class=\"contact__info-block\">\n      <div class=\"contact__info-step\">1<\/div>\n      <p class=\"contact__info-text\">Once we\u2019ve received and processed your request, we\u2019ll get back to you to detail your\n        project needs and sign an NDA to ensure confidentiality.<\/p>\n    <\/div>\n\n    <div class=\"contact__info-block\">\n      <div class=\"contact__info-step\">2<\/div>\n      <p class=\"contact__info-text\">After examining your wants, needs, and expectations, our team will devise a project\n        proposal with the scope of work, team size, time, and cost estimates.<\/p>\n    <\/div>\n\n    <div class=\"contact__info-block\">\n      <div class=\"contact__info-step\">3<\/div>\n      <p class=\"contact__info-text\">We\u2019ll arrange a meeting with you to discuss the offer and nail down the details.<\/p>\n    <\/div>\n\n    <div class=\"contact__info-block\">\n      <div class=\"contact__info-step\">4<\/div>\n      <p class=\"contact__info-text\">Finally, we\u2019ll sign a contract and start working on your project right away.<\/p>\n    <\/div>\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\n<\/div>\n\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t<div class=\"other_services_container\">[need_other_services_v2]<\/div><script>\n            jQuery( document ).ready(function($) {\n                $('[data-elementor-type=\"wp-page\"]').children().last().before($('.other_services_container'));\n                var sections = $('[data-elementor-type=\"wp-page\"]').find('.net-15.dt-16');\n                $($('#form-templates').parents('.elementor-section')).before($('.other_services_container'));\n                for(var i = 0; i<sections.length; i++){\n                    if($(sections[i]).hasClass( 'net-15' ) && $(sections[i]).hasClass( 'dt-16' ) && $(sections[i]).hasClass( 'elementor-hidden-desktop' )==false){\n                        $(sections[i]).before($('.other_services_container'));\n                        if($(sections[i]).css('background-color')=='rgb(255, 255, 255)' || $(sections[i]).css('background-color')=='rgba(0, 0, 0, 0)'){\n                            $('.other_services_container').find('.elementor-section').css('background-color','#FBFBFD');\n                        }      \n                    }\n                }\n                \n            });\n        <\/script>","protected":false},"excerpt":{"rendered":"<p>Headless commerce development services Many ecommerce platforms break when you try to scale, customize, or go omnichannel. With headless, you decouple the frontend and backend, gaining speed, flexibility, and full control over every customer experience. Talk to experts 5+ years of experience with headless CMS 30+ headless projects successfully delivered 10+ vetted experts in headless [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":188933,"parent":155878,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":true,"inline_featured_image":false,"footnotes":""},"class_list":["post-173238","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/innowise.com\/pt\/wp-json\/wp\/v2\/pages\/173238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innowise.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innowise.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innowise.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/innowise.com\/pt\/wp-json\/wp\/v2\/comments?post=173238"}],"version-history":[{"count":0,"href":"https:\/\/innowise.com\/pt\/wp-json\/wp\/v2\/pages\/173238\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/innowise.com\/pt\/wp-json\/wp\/v2\/pages\/155878"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/innowise.com\/pt\/wp-json\/wp\/v2\/media\/188933"}],"wp:attachment":[{"href":"https:\/\/innowise.com\/pt\/wp-json\/wp\/v2\/media?parent=173238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}