{"id":8783,"date":"2025-10-09T06:40:32","date_gmt":"2025-10-09T04:40:32","guid":{"rendered":"https:\/\/bildtest25.wpenginepowered.com\/?page_id=8783"},"modified":"2025-10-09T12:54:52","modified_gmt":"2025-10-09T10:54:52","slug":"cloud-adoption-high-load-infrastructure","status":"publish","type":"page","link":"https:\/\/www.bild-studio.com\/en\/services\/cloud-infrastructure-operations\/cloud-adoption-high-load-infrastructure\/","title":{"rendered":"Cloud Adoption &amp; High-Load Infrastructure"},"content":{"rendered":"\n<div id=\"title-header-block_68dbd1651f160\" class=\"title-header \">\n   <div class=\"container py-4 lg:pt-14 lg:pb-20\">\n      <h1 class=\"text-lg lg:text-2.5xl font-semibold mb-12 lg:mb-16\">Cloud Adoption &#038; High-Load Infrastructure<\/h1>\n      <div class=\"text-5xl lg:text-11xl font-semibold xl:pl-24\">\n         Scalable. Secure. Cloud-Ready.\n      <\/div>\n      <div class=\"lg:text-2.5xl font-serif my-6 xl:pl-24\">\n         Future-proof your infrastructure with intelligent cloud adoption and high-load architecture. We design, optimize, and scale infrastructures that handle millions of users \u2014 keeping your systems fast, reliable, and ready for growth.\n&nbsp;\n      <\/div>\n   <\/div>\n<\/div>\n\n\n<figure class=\"w-4\/5 mx-auto bg-blue-500 wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2000\" height=\"1125\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-2.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"object-fit:cover;\" srcset=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-2.jpg 2000w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-2-300x169.jpg 300w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-2-1024x576.jpg 1024w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-2-768x432.jpg 768w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-2-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n<div id=\"paragraf-large-text-block_68dceac553678\" class=\"paragraf-large-text\">\n   <div class=\"container py-4 lg:pt-14 lg:pb-20\">\n      <div class=\"lg:text-2.5xl font-serif my-6 xl:pl-24\">\n         Your business deserves infrastructure that grows as fast as you do.We help companies migrate to the cloud, optimize performance, and build architectures that stay stable even under extreme traffic.\nFrom cloud adoption and DevOps automation to high-load engineering and performance optimization, our experts design systems that are efficient, scalable, and cost-optimized.\n      <\/div>\n   <\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"block_68de7adb9ea59\" class=\"facts-block\">\n    <div class=\"container mx-auto px-6 lg:px-12\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12 xl:gap-16\">\n                        <div class=\"fact-item\">\n                <!-- Horizontal line -->\n                <div class=\"fact-line w-full h-0.5 bg-gray-300 mb-6\"><\/div>\n\n                <!-- Label -->\n                                    <div class=\"fact-label text-sm lg:text-base uppercase tracking-wide mb-3 font-medium\">\n                        Fewer incidents                    <\/div>\n                \n                <!-- Value (big number or text) -->\n                                    <div class=\"fact-value text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-2\">\n                        50%                     <\/div>\n                \n                <!-- Description (optional) -->\n                                    <div class=\"fact-description text-base lg:text-lg text-gray-600\">\n                        Predictive insights prevent outages and downtime                    <\/div>\n                            <\/div>\n                        <div class=\"fact-item\">\n                <!-- Horizontal line -->\n                <div class=\"fact-line w-full h-0.5 bg-gray-300 mb-6\"><\/div>\n\n                <!-- Label -->\n                                    <div class=\"fact-label text-sm lg:text-base uppercase tracking-wide mb-3 font-medium\">\n                        Lower costs                    <\/div>\n                \n                <!-- Value (big number or text) -->\n                                    <div class=\"fact-value text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-2\">\n                        30%                    <\/div>\n                \n                <!-- Description (optional) -->\n                                    <div class=\"fact-description text-base lg:text-lg text-gray-600\">\n                        Through performance tuning and automation.                    <\/div>\n                            <\/div>\n                        <div class=\"fact-item\">\n                <!-- Horizontal line -->\n                <div class=\"fact-line w-full h-0.5 bg-gray-300 mb-6\"><\/div>\n\n                <!-- Label -->\n                                    <div class=\"fact-label text-sm lg:text-base uppercase tracking-wide mb-3 font-medium\">\n                        Uptime                    <\/div>\n                \n                <!-- Value (big number or text) -->\n                                    <div class=\"fact-value text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-2\">\n                        99.9%                    <\/div>\n                \n                <!-- Description (optional) -->\n                                    <div class=\"fact-description text-base lg:text-lg text-gray-600\">\n                        Unified cloud infrastructure keeps performance stable under any load.                    <\/div>\n                            <\/div>\n                        <div class=\"fact-item\">\n                <!-- Horizontal line -->\n                <div class=\"fact-line w-full h-0.5 bg-gray-300 mb-6\"><\/div>\n\n                <!-- Label -->\n                                    <div class=\"fact-label text-sm lg:text-base uppercase tracking-wide mb-3 font-medium\">\n                        Faster issue resolution                    <\/div>\n                \n                <!-- Value (big number or text) -->\n                                    <div class=\"fact-value text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-2\">\n                        70%                    <\/div>\n                \n                <!-- Description (optional) -->\n                                    <div class=\"fact-description text-base lg:text-lg text-gray-600\">\n                        AI models detect anomalies and fix root causes before they escalate.                    <\/div>\n                            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"block_68e3b4482bf33\" class=\"service-details-block\">\n    <div class=\"bg-black text-white\">\n        <div class=\"container\">\n            <div class=\"lg:pl-12 py-10 xl:py-12\">\n                                    <!-- Service Name Heading (Full Width) -->\n                                            <h3 class=\"text-3xl lg:text-8xl xl:text-9.5xl font-semibold pb-10 lg:pb-16 xl:pb-24 pt-2 lg:pt-12\">\n                            Cloud Adoption.\n                        <\/h3>\n                    \n                    <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-6 pb-6 lg:pb-10\">\n                        <!-- Left Column (2\/5) -->\n                        <div class=\"lg:col-span-2\">\n\n                                                            <p class=\"text-lg lg:text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 leading-tight lg:pr-8 xl:pr-12\">\n                                    Move to the cloud                                <\/p>\n                            \n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed lg:pr-8 xl:pr-12\">\n                                    <p>We migrate your applications and data to the cloud with zero disruption.<br \/>\nOur team designs cloud-native architectures aligned with 12-Factor App principles, ensuring agility, scalability, and reliability.<\/p>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Right Column (3\/5) -->\n                        <div class=\"lg:col-span-3\">\n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed service-details-content\">\n                                    <p data-start=\"1723\" data-end=\"1740\"><strong data-start=\"1723\" data-end=\"1738\">What we do:<\/strong><\/p>\n<ul>\n<li data-start=\"1723\" data-end=\"1740\">End-to-end cloud migration (AWS, Azure, GCP)<\/li>\n<li data-start=\"1723\" data-end=\"1740\">Infrastructure design &amp; automation with Terraform \/ Ansible<\/li>\n<li data-start=\"1723\" data-end=\"1740\">CI\/CD setup for seamless deployment<\/li>\n<li data-start=\"1723\" data-end=\"1740\">Autoscaling and load balancing configuration<\/li>\n<li data-start=\"1723\" data-end=\"1740\">Codebase refactoring and modernization<\/li>\n<li data-start=\"1723\" data-end=\"1740\">Cost &amp; performance optimization<\/li>\n<\/ul>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Tags (Full Width) -->\n                                            <div class=\"pb-12 lg:pb-20 xl:pb-24\">\n                            <div class=\"flex flex-wrap gap-3 lg:gap-4\">\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        AWS                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Azure                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        GCP                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Terraform                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Ansible                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Docker                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Kubernetes                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Jenkins                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        GitHub Actions                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n                                                        <!-- Service Name Heading (Full Width) -->\n                                            <h3 class=\"text-3xl lg:text-8xl xl:text-9.5xl font-semibold pb-10 lg:pb-16 xl:pb-24 pt-2 lg:pt-12\">\n                            High-Load Infrastructure.\n                        <\/h3>\n                    \n                    <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-6 pb-6 lg:pb-10\">\n                        <!-- Left Column (2\/5) -->\n                        <div class=\"lg:col-span-2\">\n\n                                                            <p class=\"text-lg lg:text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 leading-tight lg:pr-8 xl:pr-12\">\n                                    Built to perform when it matters most.                                <\/p>\n                            \n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed lg:pr-8 xl:pr-12\">\n                                    <p>We engineer architectures that perform flawlessly under pressure \u2014 from streaming platforms to enterprise marketplaces.<\/p>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Right Column (3\/5) -->\n                        <div class=\"lg:col-span-3\">\n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed service-details-content\">\n                                    <p data-start=\"2295\" data-end=\"2312\"><strong data-start=\"2295\" data-end=\"2310\">What we do:<\/strong><\/p>\n<ul>\n<li data-start=\"2315\" data-end=\"2346\">High-load architecture design<\/li>\n<li data-start=\"2315\" data-end=\"2346\">Performance &amp; load testing<\/li>\n<li data-start=\"2315\" data-end=\"2346\">Database and query optimization<\/li>\n<li data-start=\"2315\" data-end=\"2346\">Real-time monitoring and alerting<\/li>\n<li data-start=\"2315\" data-end=\"2346\">Clustering and redundancy setup<\/li>\n<li data-start=\"2315\" data-end=\"2346\">Continuous optimization and refactoring<\/li>\n<\/ul>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Tags (Full Width) -->\n                                            <div class=\"pb-12 lg:pb-20 xl:pb-24\">\n                            <div class=\"flex flex-wrap gap-3 lg:gap-4\">\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Kubernetes                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Prometheus                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Datadog                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Apache JMeter                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Nginx                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n                                                        <!-- Service Name Heading (Full Width) -->\n                                            <h3 class=\"text-3xl lg:text-8xl xl:text-9.5xl font-semibold pb-10 lg:pb-16 xl:pb-24 pt-2 lg:pt-12\">\n                            Cloud Optimization &amp; Reliability.\n                        <\/h3>\n                    \n                    <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-6 pb-6 lg:pb-10\">\n                        <!-- Left Column (2\/5) -->\n                        <div class=\"lg:col-span-2\">\n\n                                                            <p class=\"text-lg lg:text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 leading-tight lg:pr-8 xl:pr-12\">\n                                    Stay fast, stable, and cost-efficient \u2014 always.                                <\/p>\n                            \n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed lg:pr-8 xl:pr-12\">\n                                    <p>Keep your infrastructure healthy, efficient, and cost-effective \u2014 always.<br \/>\nWe fine-tune cloud workloads, automate updates, and maintain peak uptime across environments.<\/p>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Right Column (3\/5) -->\n                        <div class=\"lg:col-span-3\">\n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed service-details-content\">\n                                    <p data-start=\"2877\" data-end=\"2894\"><strong data-start=\"2877\" data-end=\"2892\">What we do:<\/strong><\/p>\n<ul>\n<li data-start=\"2897\" data-end=\"2927\">Proactive performance audits<\/li>\n<li data-start=\"2897\" data-end=\"2927\">Predictive scaling &amp; automation<\/li>\n<li data-start=\"2897\" data-end=\"2927\">Resource monitoring &amp; cost optimization<\/li>\n<li data-start=\"2897\" data-end=\"2927\">Backup &amp; disaster recovery setup<\/li>\n<li data-start=\"2897\" data-end=\"2927\">Continuous improvement workflows<\/li>\n<\/ul>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Tags (Full Width) -->\n                                                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Service Details Content Styling *\/\n.service-details-content p {\n    margin-bottom: 1.5rem;\n}\n\n.service-details-content strong {\n    font-weight: 700;\n    display: block;\n    margin-bottom: 0.5rem;\n    font-size: 1.1em;\n}\n\n.service-details-content ul,\n.service-details-content ol {\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 1.5rem;\n}\n\n.service-details-content ul li,\n.service-details-content ol li {\n    position: relative;\n    padding-left: 1.5rem;\n    margin-bottom: 0.5rem;\n}\n\n.service-details-content ul li:before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 0;\n    font-weight: bold;\n    color: #fff;\n}\n\n.service-details-content ol {\n    counter-reset: item;\n}\n\n.service-details-content ol li {\n    counter-increment: item;\n}\n\n.service-details-content ol li:before {\n    content: counter(item) \".\";\n    position: absolute;\n    left: 0;\n    font-weight: bold;\n}\n\n\/* Responsive adjustments *\/\n@media (min-width: 1024px) {\n    .service-details-content strong {\n        font-size: 1.15em;\n    }\n}\n\n@media (min-width: 1280px) {\n    .service-details-content strong {\n        font-size: 1.2em;\n    }\n}\n<\/style>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group container is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-4b2eccd6 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-2 md:mb-4\"><strong>How We Work <\/strong><\/h2>\n<\/div>\n\n\n<div id=\"section-with-image-behind-block_68dd0e2be7dee\" class=\"section-with-image-behind relative pt-6 lg:py-12 lg:mb-9\">\n   <div class=\"xl:absolute left-55p z-0 top-0 h-full\">\n      <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-adoption.jpg\" srcset=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-adoption.jpg 8000w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-adoption-300x169.jpg 300w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-adoption-1024x576.jpg 1024w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-adoption-768x432.jpg 768w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cloud-adoption-1536x864.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" class=\"lg:object-cover lg:h-full w-full\"\/>\n   <\/div>\n   \n   <div class=\"w-full lg:w-12\/12 2xl:w-8\/12 bg-lighter-black text-white p-6 pb-0 lg:pt-24 lg:pl-36 lg:pb-12 relative z-10\">\n      <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-0 lg:gap-12 max-w-4xl ml-auto pr-10\">\n                     <div class=\"mb-8 lg:mb-12\">\n               <h4 class=\"text-lg lg:text-2.25xl font-semibold mb-2\">Assess<\/h4>\n               <div class=\"text-gray lg:leading-8\">\n                  <p data-start=\"3129\" data-end=\"3208\">We analyze your existing infrastructure, traffic patterns, and scaling needs.<\/p>\n               <\/div>\n            <\/div>\n                     <div class=\"mb-8 lg:mb-12\">\n               <h4 class=\"text-lg lg:text-2.25xl font-semibold mb-2\">Architect<\/h4>\n               <div class=\"text-gray lg:leading-8\">\n                  <p data-start=\"3231\" data-end=\"3309\">We design a cloud-ready, high-load architecture that\u2019s efficient and secure.<\/p>\n               <\/div>\n            <\/div>\n                     <div class=\"mb-8 lg:mb-12\">\n               <h4 class=\"text-lg lg:text-2.25xl font-semibold mb-2\">Automate<\/h4>\n               <div class=\"text-gray lg:leading-8\">\n                  <p data-start=\"3331\" data-end=\"3422\">We implement CI\/CD pipelines, autoscaling, and observability tools to reduce manual work.<\/p>\n               <\/div>\n            <\/div>\n                     <div class=\"mb-8 lg:mb-12\">\n               <h4 class=\"text-lg lg:text-2.25xl font-semibold mb-2\">Optimize<\/h4>\n               <div class=\"text-gray lg:leading-8\">\n                  <p data-start=\"3444\" data-end=\"3557\">We continuously monitor and improve your infrastructure \u2014 ensuring performance, reliability, and cost efficiency.<\/p>\n               <\/div>\n            <\/div>\n               <\/div>\n   <\/div>\n<\/div>\n\n<div id=\"grid-gray-boxes-block_68dd0ca5e7de9\" class=\"grid-gray-boxes\">\n\t<div class=\"container py-16\">\n\t\t\t\t\t<h2 class=\"text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-8 md:mb-16\">\n\t\t\t\tWhy partner with us\n\t\t\t<\/h2>\n\t\t\n\t\t\t\t\t<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n\t\t\t\t\t\t\t\t<div class=\"gray-box-item bg-lightest-gray p-5 md:p-10 pt-5 transition-all duration-300\">\n\t\t\t\t\t<div class=\"mb-2.5 md:mb-11 flex text-xl md:text-3xl xl:text-5xl\">\n\t\t\t\t\t\t<span>01<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pl-4 md:pl-5 font-semibold\">Proven expertise<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"font-serif text-dark-gray\">\n\t\t\t\t\t\t\t<div class=\"small-tile-item_box__QMdqY\">\n<p data-start=\"136\" data-end=\"285\">15+ years delivering enterprise-grade infrastructure for global clients.<\/p>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"gray-box-item bg-lightest-gray p-5 md:p-10 pt-5 transition-all duration-300\">\n\t\t\t\t\t<div class=\"mb-2.5 md:mb-11 flex text-xl md:text-3xl xl:text-5xl\">\n\t\t\t\t\t\t<span>02<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pl-4 md:pl-5 font-semibold\">Multi-cloud expertise<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"font-serif text-dark-gray\">\n\t\t\t\t\t\t\t<p data-start=\"287\" data-end=\"413\">Expierienced engineers across AWS, Azure, and GCP.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"gray-box-item bg-lightest-gray p-5 md:p-10 pt-5 transition-all duration-300\">\n\t\t\t\t\t<div class=\"mb-2.5 md:mb-11 flex text-xl md:text-3xl xl:text-5xl\">\n\t\t\t\t\t\t<span>03<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pl-4 md:pl-5 font-semibold\">Full transparency<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"font-serif text-dark-gray\">\n\t\t\t\t\t\t\t<p data-start=\"415\" data-end=\"526\">Real-time insights and reporting across all infrastructure layers.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"gray-box-item bg-lightest-gray p-5 md:p-10 pt-5 transition-all duration-300\">\n\t\t\t\t\t<div class=\"mb-2.5 md:mb-11 flex text-xl md:text-3xl xl:text-5xl\">\n\t\t\t\t\t\t<span>04<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pl-4 md:pl-5 font-semibold\">Future-ready design<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"font-serif text-dark-gray\">\n\t\t\t\t\t\t\t<p data-start=\"528\" data-end=\"685\">Cloud architectures built for growth, automation, and resilience.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n\n<!-- AI CTA Box - Full Width Section -->\n<div class=\"ai-cta-section-bild\">\n    <style>\n        .ai-cta-section-bild {\n            background: #000000;\n            padding: 80px 40px;\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n        }\n\n        .ai-cta-section-bild * {\n            box-sizing: border-box;\n        }\n\n        .ai-cta-section-bild .cta-container {\n            max-width: 1200px;\n            width: 100%;\n            margin: 0 auto;\n        }\n\n        .ai-cta-section-bild .cta-content {\n            text-align: left;\n        }\n\n        .ai-cta-section-bild .cta-label {\n            font-size: 14px;\n            font-weight: 600;\n            color: #00ff9d;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 24px;\n            font-family: inherit;\n        }\n\n        .ai-cta-section-bild .cta-title {\n            font-size: 48px;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 20px;\n            letter-spacing: -1px;\n            font-family: inherit;\n            line-height: 1.2;\n            max-width: 800px;\n        }\n\n        .ai-cta-section-bild .cta-subtitle {\n            font-size: 28px;\n            font-weight: 400;\n            color: #00ff9d;\n            margin-bottom: 32px;\n            letter-spacing: -0.5px;\n            font-family: inherit;\n            line-height: 1.3;\n            max-width: 700px;\n        }\n\n        .ai-cta-section-bild .cta-description {\n            font-size: 18px;\n            color: rgba(255, 255, 255, 0.7);\n            line-height: 1.7;\n            margin-bottom: 40px;\n            max-width: 700px;\n            font-family: inherit;\n        }\n\n        .ai-cta-section-bild .cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background: #00ff9d;\n            color: #000000;\n            padding: 18px 36px;\n            border-radius: 0;\n            font-size: 16px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            font-family: inherit;\n            border: 2px solid #00ff9d;\n        }\n\n        .ai-cta-section-bild .cta-button:hover {\n            background: transparent;\n            color: #00ff9d;\n            transform: translateX(8px);\n        }\n\n        .ai-cta-section-bild .cta-button::after {\n            content: '\u2192';\n            font-size: 20px;\n            transition: transform 0.3s ease;\n        }\n\n        .ai-cta-section-bild .cta-button:hover::after {\n            transform: translateX(4px);\n        }\n\n        \/* Responsive - Tablet *\/\n        @media (max-width: 1024px) {\n            .ai-cta-section-bild {\n                padding: 60px 30px;\n            }\n\n            .ai-cta-section-bild .cta-title {\n                font-size: 40px;\n            }\n\n            .ai-cta-section-bild .cta-subtitle {\n                font-size: 24px;\n            }\n\n            .ai-cta-section-bild .cta-description {\n                font-size: 16px;\n            }\n        }\n\n        \/* Responsive - Mobile *\/\n        @media (max-width: 768px) {\n            .ai-cta-section-bild {\n                padding: 50px 24px;\n            }\n\n            .ai-cta-section-bild .cta-label {\n                font-size: 12px;\n                margin-bottom: 16px;\n            }\n\n            .ai-cta-section-bild .cta-title {\n                font-size: 32px;\n                margin-bottom: 16px;\n            }\n\n            .ai-cta-section-bild .cta-subtitle {\n                font-size: 20px;\n                margin-bottom: 24px;\n            }\n\n            .ai-cta-section-bild .cta-description {\n                font-size: 15px;\n                margin-bottom: 32px;\n            }\n\n            .ai-cta-section-bild .cta-button {\n                width: 100%;\n                justify-content: center;\n                padding: 16px 28px;\n            }\n\n            .ai-cta-section-bild .cta-button:hover {\n                transform: none;\n            }\n        }\n    <\/style>\n\n    <div class=\"cta-container\">\n        <div class=\"cta-content\">\n            <div class=\"cta-label\">Build up to 3\u00d7 faster \u2014 without losing control.<\/div>\n\n            <h3 class=\"cta-title\">Discover how AI supercharges our workflow of product development<\/h3>\n\n            <h5 class=\"cta-subtitle\">Build faster. Design smarter. Deliver better.<\/h5>\n\n            <p class=\"cta-description\">\n                Our teams use AI-powered tools across every phase \u2014 from Product Discovery and UX Design to Development, Testing, and DevOps \u2014 to speed up delivery up to 3\u00d7 faster while keeping full control and quality.\n            <\/p>\n\n            <a href=\"\/en\/services\/ai-development-transformation\/ai-rapid-product-development\/\" class=\"cta-button\">\n                See how AI accelerates our process\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group container is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-4b2eccd6 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-2 md:mb-4\"><strong>Featured success stories<\/strong><\/h2>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div id=\"slider-projects-block_607b556e52d4e\" class=\"slider-projects\">\n   <div class=\"relative\">\n      <div class=\"swiper-container\">\n         <div class=\"swiper-wrapper\">\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #e0f5ee\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/Cover-za-nilex-small_1_2.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/download-1.jpg' alt='download' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #0a0a0a\">\n               Nilex            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0a0a0a\">\n               <p>Continuous ITSM<\/p>\n<p>development and support<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/itsm-nilex\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #0d8a6d\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #ffffff\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/Cover-za-jogu-small_0-1-1.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/EkhartYoga-Bildstudio-10_2-1.jpg' alt='EkhartYoga-Bildstudio-10_2' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #0a0a0a\">\n               Ekhart Yoga            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0a0a0a\">\n               <p>Online video platform resurgence<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/ekhart-yoga\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #9acecf\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #e20075\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/Cover-za-telekom-small_1.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/telekom-desno.jpg' alt='telekom desno' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #ffffff\">\n               Crnogorski Telekom            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #ffffff\">\n               <p>Custom built E-commerce web portal<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/crnogorski-telekom\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #279faf\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #a7e225\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/concievio-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/Concievio-cover-tarik.jpg' alt='Concievio-cover-tarik' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #0a0a0a\">\n               Concevivio            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0a0a0a\">\n               <p>AI platform that helps enhance fertility.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/concevivio\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #33a02b\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #194a9f\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/eks-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/eks-backround.jpg' alt='eks-backround' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #ffffff\">\n               EKS InTech            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #ffffff\">\n               <p>Product discovery and corporate website development.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/eks-intech\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #44c7f6\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #e9e9e9\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/hm-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/HM-backround.jpg' alt='HM-backround' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #0a0a0a\">\n               HillMetrics            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0a0a0a\">\n               <p>FinTech platform for processing financial derivatives data.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/hillmetrics\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #6abac5\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #dae3ea\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/ip-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/ip-desno.jpg' alt='ip desno' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #202d54\">\n               Investisseur Priv\u00e9            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #202d54\">\n               <p>FinTech platform for wealth managers with real-time analytics and automation.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/investisseur-prive\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #202d54\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #6dbc46\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/safe-bikely-mali-cover-1.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/safe-bikely-desno.jpg' alt='safe-bikely-desno' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #ffffff\">\n               Safe Bikely            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #ffffff\">\n               <p>Smart IoT lockers for seamless access and control.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/safe-bikely-lockers-with-a-pinch-of-iot\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #704635\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/arhimed-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/arhimed-desno.jpg' alt='arhimed-desno' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #000000\">\n               Arhimed Software            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0000000\">\n               <article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" tabindex=\"-1\" data-turn-id=\"b08ec80e-7f6b-4094-8fbe-915005940656\" data-testid=\"conversation-turn-6\" data-scroll-anchor=\"true\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] thread-sm:[--thread-content-margin:--spacing(6)] thread-lg:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] thread-lg:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"de0b2586-e3dc-4699-942f-68ca213c926d\" data-message-model-slug=\"gpt-5\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[1px]\">\n<div class=\"markdown prose dark:prose-invert w-full break-words dark markdown-new-styling\">\n<p data-start=\"0\" data-end=\"53\" data-is-last-node=\"\" data-is-only-node=\"\">Platform for monitoring news and people in the media.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/arhimed-software\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #e0080d\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #4f3071\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/pimalion-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/pimalion-slider.jpg' alt='pimalion-slider' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #ffffff\">\n               Pimalion\u00ae            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #ffffff\">\n               <p>Product Information Management System<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/pimalion-marketing-resource-management-software\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #c4d00f\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                     <\/div>\n      <\/div>\n\n      <div class=\"absolute transform top-1\/2 -translate-y-1\/2 w-full z-10 flex pointer-events-none\">\n         <button \n            class=\"pointer-events-auto prev transform lg:translate-x-1\/2 w-12 md:w-20 ml-2 md:ml-0 text-white transition-colors fill-current focus:outline-none bg-black hover:bg-primary rounded-full p-2 md:p-4\"\n         >\n            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\">\r\n\t<title>Scroll content on left<\/title>\r\n\t<desc>Used to navigate throw slider content. Revealing content from left side.<\/desc>\r\n\t<g>\r\n\t<g>\r\n\t\t<path d=\"M501.333,245.333H36.417l141.792-141.792c4.167-4.167,4.167-10.917,0-15.083c-4.167-4.167-10.917-4.167-15.083,0l-160,160\r\n\t\t\tc-4.167,4.167-4.167,10.917,0,15.083l160,160c2.083,2.083,4.813,3.125,7.542,3.125c2.729,0,5.458-1.042,7.542-3.125\r\n\t\t\tc4.167-4.167,4.167-10.917,0-15.083L36.417,266.667h464.917c5.896,0,10.667-4.771,10.667-10.667S507.229,245.333,501.333,245.333z\r\n\t\t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n         <\/button>\n         <button \n            class=\"pointer-events-auto next transform lg:-translate-x-1\/2 ml-auto w-12 md:w-20 p-2 md:p-4 text-white transition-colors fill-current focus:outline-none bg-black hover:bg-primary rounded-full\"\n         >\n            <svg version=\"1.1\" id=\"Layer_1\"  role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\">\r\n\t<title >Scroll content on right<\/title>\r\n\t<desc >Used to navigate throw slider content. Revealing content from right side.<\/desc>\r\n<g>\r\n\t<g>\r\n\t\t<path d=\"M508.875,248.458l-160-160c-4.167-4.167-10.917-4.167-15.083,0c-4.167,4.167-4.167,10.917,0,15.083l141.792,141.792\r\n\t\t\tH10.667C4.771,245.333,0,250.104,0,256s4.771,10.667,10.667,10.667h464.917L333.792,408.458c-4.167,4.167-4.167,10.917,0,15.083\r\n\t\t\tc2.083,2.083,4.813,3.125,7.542,3.125c2.729,0,5.458-1.042,7.542-3.125l160-160C513.042,259.375,513.042,252.625,508.875,248.458z\r\n\t\t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n         <\/button>\n      <\/div>\n   <\/div>\n\n   <div class=\"container\">\n      <div class=\"text-lg lg:text-2.25xl leading-tight my-6 md:my-12 xl:pl-20 lg:pr-32 xl:pr-60\">\n               <\/div>\n   <\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group tailwind-markdown container lg:px-20 mb-8 i md:mb-16\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading text-center text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-2 md:mb-4\">TYPES OF ENGAGEMENT<\/h2>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n<div id=\"ying-yang-cards-block_607ade102b894\" class=\"ying-yang-cards relative lg:min-h-fullvh bg-lightest-gray\">\n   <div class=\"absolute h-full w-full z-0 hidden lg:block\">\n      <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves.png\" srcset=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves.png 1920w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves-300x152.png 300w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves-1024x518.png 1024w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves-768x388.png 768w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves-1536x777.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" class=\"object-cover h-full w-full\"\/>\n   <\/div>\n   \n   <div class=\"container 2xl:max-w-8xl 2xl:px-0 mx-auto relative z-1 pt-12\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-2 lg:pb-24\">\n         <div class=\"bg-black text-white relative pt-6 lg:pt-16 xl:pt-20 pb-4 lg:pb-10 pl-6 lg:pl-20 xl:pl-24 pr-6 lg:pr-10\">\n            <div \n               class=\"bg-primary absolute text-white text-3xl lg:text-7.5xl w-16 lg:w-28 h-16 lg:h-28 block rounded-full flex \n                items-center justify-center top-full lg:top-1\/2 left-1\/2 lg:left-auto \n                lg:right-0 transform -translate-x-1\/2 lg:translate-x-1\/2 -translate-y-1\/2\"\n            >\n               <p class=\"leading-none\">or<\/p>\n            <\/div>\n            \n            <h3 class=\"text-4xl lg:text-7.5xl xl:text-9.5xl font-semibold leading-none\">Time &#038; material<\/h3>\n            <div class=\"paragraph-my-10 lg:pr-10 lg:leading-8\">\n               <p>Our expertise runs deep. Based on\u00a0the requirements of your project, we can assemble a specific team of devs and UX&amp;UI designers to be at your full disposal, with a PM on top of it.<\/p>\n<p>Whether you are building your business\u00a0from scratch, you need to improve an existing platform, or you&#8217;re simply looking for an extra pair of hands to help you out.<\/p>\n            <\/div>\n         <\/div>\n\n         <div class=\"pt-10 lg:pt-16 xl:pt-20 pb-4 lg:pb-10 pl-6 lg:pl-20 xl:pl-24 pr-6 lg:pr-10\">\n            <h3 class=\"text-4xl lg:text-7.5xl xl:text-9.5xl font-semibold leading-none\">Fixed price project<\/h3>\n            <div class=\"paragraph-my-10 pr-10 leading-8\">\n               <p>If you have a clear idea about your product, we can give an estimate and get right to it. Our people will help with planning and overall architecture. With the start date and completion deadline set, it&#8217;s time for us to do the magic.<\/p>\n<p>We excel at saas, itsm, web\/mobile apps, e-commerce, banking, telecommunications, retail&#8230;<\/p>\n            <\/div>\n         <\/div>\n      <\/div>\n   <\/div>\n<\/div>\n\n\n\n<div id=\"qna-block_68e3ba791a824\" class=\"qna-accordion-block py-12 lg:py-20\">\n    <div class=\"container mx-auto px-6 lg:px-12\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 lg:gap-12 xl:gap-16\">\n\n            <!-- Left Sidebar (1\/3) -->\n            <div class=\"lg:col-span-1\">\n                <div class=\"qna-sidebar bg-black text-white p-8 lg:p-10 xl:p-12 sticky top-24\">\n                                            <h3 class=\"text-2xl lg:text-3xl xl:text-4xl font-bold mb-6\">\n                            Questions you might have                        <\/h3>\n                    \n                                            <a href=\"https:\/\/www.bild-studio.com\/en\/contact\/\"\n                           class=\"inline-block text-white underline hover:no-underline text-base lg:text-lg\"\n                           >\n                            Schedule a free consultation                        <\/a>\n                                    <\/div>\n            <\/div>\n\n            <!-- Right Accordion (2\/3) -->\n            <div class=\"lg:col-span-2\">\n                <div class=\"qna-accordion-container\">\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-0\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                What\u2019s the difference between cloud adoption and high-load infrastructure?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-0\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p>Cloud adoption focuses on migrating and managing apps in the cloud.<br \/>\nHigh-load infrastructure ensures your systems stay reliable under massive traffic and data volumes.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-1\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                Will my business experience downtime during migration?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-1\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p>No. We use zero-downtime deployment techniques and phased rollouts to ensure continuity.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-2\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                How does automation reduce costs?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-2\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p>By scaling resources dynamically and eliminating manual intervention, you only pay for what\u2019s actually used.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-3\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                Can you work with my existing on-prem setup?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-3\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p>Yes \u2014 we build hybrid environments, integrating on-prem systems with modern cloud infrastructure.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-4\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                Which cloud providers do you support?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-4\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p>AWS, Microsoft Azure, Google Cloud, Oracle Cloud \u2014 and custom private cloud setups.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    const blockId = 'qna-block_68e3ba791a824';\n    const accordionItems = document.querySelectorAll('#' + blockId + ' .qna-accordion-item');\n\n    accordionItems.forEach(item => {\n        const trigger = item.querySelector('.qna-accordion-trigger');\n        const content = item.querySelector('.qna-accordion-content');\n        const icon = item.querySelector('.qna-icon');\n\n        trigger.addEventListener('click', function() {\n            const isExpanded = trigger.getAttribute('aria-expanded') === 'true';\n\n            \/\/ Close all other items\n            accordionItems.forEach(otherItem => {\n                if (otherItem !== item) {\n                    const otherTrigger = otherItem.querySelector('.qna-accordion-trigger');\n                    const otherContent = otherItem.querySelector('.qna-accordion-content');\n                    const otherIcon = otherItem.querySelector('.qna-icon');\n\n                    otherTrigger.setAttribute('aria-expanded', 'false');\n                    otherContent.style.maxHeight = '0';\n                    otherIcon.style.transform = 'rotate(0deg)';\n                }\n            });\n\n            \/\/ Toggle current item\n            if (isExpanded) {\n                trigger.setAttribute('aria-expanded', 'false');\n                content.style.maxHeight = '0';\n                icon.style.transform = 'rotate(0deg)';\n            } else {\n                trigger.setAttribute('aria-expanded', 'true');\n                content.style.maxHeight = content.scrollHeight + 'px';\n                icon.style.transform = 'rotate(180deg)';\n            }\n        });\n    });\n})();\n<\/script>\n\n\n<div id=\"testimonials-6a11bb333aa96\" class=\"testimonials-slider-block py-8 lg:py-12 overflow-hidden\">\n    <div class=\"container mx-auto px-6 lg:px-12\">\n\n        <!-- Block Title -->\n                    <h2 class=\"text-2xl md:text-4xl lg:text-5xl xl:text-6xl font-bold text-center mb-6 lg:mb-8 flex-shrink-0\">\n                Our clients say it better            <\/h2>\n        \n        <!-- Swiper Container -->\n        <div class=\"swiper testimonials-swiper-testimonials-6a11bb333aa96 flex-shrink-0\">\n            <div class=\"swiper-wrapper\">\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Ognjen-Ikovic.jpeg\"\n                                     alt=\"Ognjen Ikovic\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"They have a 100% delivery rate and are always on time.\r\nThe redesign has gotten positive feedback from customers on the improved look and feel of the app. Bild Studio establishes a smooth workflow, working in agile, to ensure increased collaboration between teams. The team is hard-working and creative.\r\n\r\n\" data-short-text=\"They have a 100% delivery rate and are always on time.\r\nThe redesign has gotten positive feedback from customers on the improved look and feel of the app. Bild Studio establishes a smooth workflow, working in agile, to ensure increased collaboration between teams. The team is hard-working and creati...\">\n                                        <p>They have a 100% delivery rate and are always on time.<br \/>\nThe redesign has gotten positive feedback from customers on the improved look and feel of the app. Bild Studio establishes a smooth workflow, working in agile, to ensure increased collaboration between teams. The team is hard-working and creati&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Ognjen Ikovic                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Co-Founder &amp; CTO at INVT                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Almir-Sulejmanovic.jpeg\"\n                                     alt=\"Almir Sulejmanovic\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"They didn\u2019t just build a website. They built a story around who we are. From the very beginning, they took the time to understand our values, our voice, and what truly sets us apart. Every detail \u2014 from the flow of the pages to the way our message comes to life \u2014 feels intentional and deeply connected to our identity. The result is more than a digital presence; it\u2019s an experience that captures the essence of EKS. It finally feels like us \u2014 clear, confident, and human.\" data-short-text=\"They didn\u2019t just build a website. They built a story around who we are. From the very beginning, they took the time to understand our values, our voice, and what truly sets us apart. Every detail \u2014 from the flow of the pages to the way our message comes to life \u2014 feels intentional and deeply c...\">\n                                        <p>They didn\u2019t just build a website. They built a story around who we are. From the very beginning, they took the time to understand our values, our voice, and what truly sets us apart. Every detail \u2014 from the flow of the pages to the way our message comes to life \u2014 feels intentional and deeply c&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Almir Sulejmanovic                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        CTO at Eks InTech                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/eks-intech\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Daniel-Trout.jpeg\"\n                                     alt=\"Daniel Trout\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 \" data-full-text=\"Bild Studio&#039;s work resulted in a more flexible, stable, and user-friendly platform for the client. The team was responsive and engaged, fostering a strong working relationship throughout the project. Moreover, Bild Studio managed the project clearly and communicated timelines effectively.\" data-short-text=\"Bild Studio&#039;s work resulted in a more flexible, stable, and user-friendly platform for the client. The team was responsive and engaged, fostering a strong working relationship throughout the project. Moreover, Bild Studio managed the project clearly and communicated timelines effectively.\">\n                                        <p>Bild Studio&#039;s work resulted in a more flexible, stable, and user-friendly platform for the client. The team was responsive and engaged, fostering a strong working relationship throughout the project. Moreover, Bild Studio managed the project clearly and communicated timelines effectively.<\/p>\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Daniel Trout                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Product Owner at EkhartYoga BV and YogaEasy GmbH                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/ekhart-yoga\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Suney.png\"\n                                     alt=\"Suney Toste\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"As Head of Research at HillMetrics, I was looking for a partner capable of translating our vision into powerful, scalable solutions. From the earliest design workshops to production go-live, Bild-Studio demonstrated a strong sense of commitment, clarity, and technical excellence. Their responsiveness, ability to understand complex financial challenges, their expertise and appetite for innovation were key to the success of our projects. We were able to integrate the last research in Al technology (as multi-modal, agentic, VLM, \u2026) in the platforms.\" data-short-text=\"As Head of Research at HillMetrics, I was looking for a partner capable of translating our vision into powerful, scalable solutions. From the earliest design workshops to production go-live, Bild-Studio demonstrated a strong sense of commitment, clarity, and technical excellence. Their responsivenes...\">\n                                        <p>As Head of Research at HillMetrics, I was looking for a partner capable of translating our vision into powerful, scalable solutions. From the earliest design workshops to production go-live, Bild-Studio demonstrated a strong sense of commitment, clarity, and technical excellence. Their responsivenes&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Suney Toste                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Head of research at HillMetrics                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/hillmetrics\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Dzenan-Strujic.jpeg\"\n                                     alt=\"Dzenan Strujic\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"They have a lot of talented developers, and I really recommend working with them.\r\nThe development work met the expectations of the internal team, leading to a successful longterm relationship. Bild Studio leverages their technical expertise and organization to successfully manage projects. The team is skilled across a variety of technologies and services.\r\n\r\n\" data-short-text=\"They have a lot of talented developers, and I really recommend working with them.\r\nThe development work met the expectations of the internal team, leading to a successful longterm relationship. Bild Studio leverages their technical expertise and organization to successfully manage projects. The team...\">\n                                        <p>They have a lot of talented developers, and I really recommend working with them.<br \/>\nThe development work met the expectations of the internal team, leading to a successful longterm relationship. Bild Studio leverages their technical expertise and organization to successfully manage projects. The team&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Dzenan Strujic                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        CTO at Nilex                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/itsm-nilex\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cagi.jpeg\"\n                                     alt=\"Cagi Nicolau\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"Bild Studio turned our complex vision into a seamless product. Their UX\/UI expertise and technical depth brought elegance, security, and clarity to every detail. What truly stood out was their ability to understand the business behind the code \u2014 solving problems before they appeared. Professional, responsive, and deeply committed, Bild Studio isn\u2019t just a vendor \u2014 they\u2019re a true partner.\" data-short-text=\"Bild Studio turned our complex vision into a seamless product. Their UX\/UI expertise and technical depth brought elegance, security, and clarity to every detail. What truly stood out was their ability to understand the business behind the code \u2014 solving problems before they appeared. Professional,...\">\n                                        <p>Bild Studio turned our complex vision into a seamless product. Their UX\/UI expertise and technical depth brought elegance, security, and clarity to every detail. What truly stood out was their ability to understand the business behind the code \u2014 solving problems before they appeared. Professional,&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Cagi Nicolau                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        CEO at Investisseur Priv\u00e9                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/investisseur-prive\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Karee.jpeg\"\n                                     alt=\"Kaare Beck-Fischer\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"The team we work with is well structured and consistent with quality. They have a way of work that we were skeptical about, but turned out really beneficial. They were completely transparent, making us part of one team aiming for the same goal. The real benefit of working together is continual improvement and suggestions that were coming from them showing real interest into making the app as good as possible.\r\n\" data-short-text=\"The team we work with is well structured and consistent with quality. They have a way of work that we were skeptical about, but turned out really beneficial. They were completely transparent, making us part of one team aiming for the same goal. The real benefit of working together is continual impro...\">\n                                        <p>The team we work with is well structured and consistent with quality. They have a way of work that we were skeptical about, but turned out really beneficial. They were completely transparent, making us part of one team aiming for the same goal. The real benefit of working together is continual impro&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Kaare Beck-Fischer                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Co-Founder &amp; CEO at Conceivio                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/concevivio\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Corey-Henderson.jpeg\"\n                                     alt=\"Corey Henderson\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"They asked questions that made me feel like they truly understood what the task and challenges were going to be.\r\nThe web app boasts fifteen millisecond response times and hundreds of thousands of users per month. A reliable partner, Bild Studio consistently does their due diligence in understanding the product and the client&#039;s goals. They excel at managing expectations and leading a seamless workflow.\r\n\" data-short-text=\"They asked questions that made me feel like they truly understood what the task and challenges were going to be.\r\nThe web app boasts fifteen millisecond response times and hundreds of thousands of users per month. A reliable partner, Bild Studio consistently does their due diligence in understanding...\">\n                                        <p>They asked questions that made me feel like they truly understood what the task and challenges were going to be.<br \/>\nThe web app boasts fifteen millisecond response times and hundreds of thousands of users per month. A reliable partner, Bild Studio consistently does their due diligence in understanding&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Corey Henderson                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Partner &amp; CTO at KRING Ventures                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/concevivio\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Sasa-Adzic.jpeg\"\n                                     alt=\"Sasa Adzic\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 \" data-full-text=\"Bild Studio delivers on what they promise, accomplishing complex challenges.\r\nThe redesigned pages have helped stakeholders achieve higher online sales. The vendor is deadline-oriented, and they&#039;ve offered proactive updates throughout the timeline. Their reliability stands out.\r\n\r\n\" data-short-text=\"Bild Studio delivers on what they promise, accomplishing complex challenges.\r\nThe redesigned pages have helped stakeholders achieve higher online sales. The vendor is deadline-oriented, and they&#039;ve offered proactive updates throughout the timeline. Their reliability stands out.\r\n\r\n\">\n                                        <p>Bild Studio delivers on what they promise, accomplishing complex challenges.<br \/>\nThe redesigned pages have helped stakeholders achieve higher online sales. The vendor is deadline-oriented, and they&#039;ve offered proactive updates throughout the timeline. Their reliability stands out.<\/p>\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Sasa Adzic                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Expert in Software Development,  at Crnogorski Telekom                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/crnogorski-telekom\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                            <\/div>\n\n            <!-- Navigation Arrows -->\n            <div class=\"testimonials-nav-container mt-6 flex-shrink-0\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"testimonials-nav-prev testimonials-nav-prev-testimonials-6a11bb333aa96 cursor-pointer w-12 h-12 lg:w-14 lg:h-14 bg-black hover:bg-primary flex items-center justify-center transition-all duration-300\">\n                        <span class=\"arrow-left\"><\/span>\n                    <\/div>\n                    <div class=\"testimonials-nav-next testimonials-nav-next-testimonials-6a11bb333aa96 cursor-pointer w-12 h-12 lg:w-14 lg:h-14 bg-black hover:bg-primary flex items-center justify-center transition-all duration-300\">\n                        <span class=\"arrow-right\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n#testimonials-6a11bb333aa96 .swiper-slide {\n    opacity: 0.3;\n    transition: opacity 0.3s ease;\n}\n\n#testimonials-6a11bb333aa96 .swiper-slide-active {\n    opacity: 1;\n}\n\n#testimonials-6a11bb333aa96 .swiper-slide-next,\n#testimonials-6a11bb333aa96 .swiper-slide-prev {\n    opacity: 0.5;\n}\n\n#testimonials-6a11bb333aa96 .swiper-pagination-bullet {\n    display: none;\n}\n\n#testimonials-6a11bb333aa96 .testimonial-card {\n    min-height: 400px;\n    border: 1px solid #e5e7eb;\n}\n\n@media (max-width: 768px) {\n    #testimonials-6a11bb333aa96 .testimonial-card {\n        min-height: auto;\n    }\n}\n\n\/* CSS Arrow styles *\/\n#testimonials-6a11bb333aa96 .arrow-left,\n#testimonials-6a11bb333aa96 .arrow-right {\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n    border-top: 3px solid #fff;\n    border-right: 3px solid #fff;\n    transition: transform 0.3s ease;\n}\n\n@media (min-width: 1024px) {\n    #testimonials-6a11bb333aa96 .arrow-left,\n    #testimonials-6a11bb333aa96 .arrow-right {\n        width: 20px;\n        height: 20px;\n        border-top: 4px solid #fff;\n        border-right: 4px solid #fff;\n    }\n}\n\n#testimonials-6a11bb333aa96 .arrow-left {\n    transform: rotate(-135deg);\n    margin-right: 2px;\n}\n\n#testimonials-6a11bb333aa96 .arrow-right {\n    transform: rotate(45deg);\n    margin-left: 2px;\n}\n\n#testimonials-6a11bb333aa96 .group:hover .arrow-left {\n    transform: rotate(-135deg) scale(1.1);\n}\n\n#testimonials-6a11bb333aa96 .group:hover .arrow-right {\n    transform: rotate(45deg) scale(1.1);\n}\n\n\/* Navigation container positioning *\/\n#testimonials-6a11bb333aa96 .testimonials-nav-container {\n    position: relative;\n}\n\n@media (min-width: 768px) {\n    #testimonials-6a11bb333aa96 .testimonials-nav-container {\n        padding-left: 80px;\n    }\n}\n\n@media (min-width: 1024px) {\n    #testimonials-6a11bb333aa96 .testimonials-nav-container {\n        padding-left: 120px;\n    }\n}\n\n@media (min-width: 1280px) {\n    #testimonials-6a11bb333aa96 .testimonials-nav-container {\n        padding-left: 160px;\n    }\n}\n\n@media (min-width: 1536px) {\n    #testimonials-6a11bb333aa96 .testimonials-nav-container {\n        padding-left: 201px;\n    }\n}\n\n\/* Toggle button styling *\/\n#testimonials-6a11bb333aa96 .testimonial-toggle-btn {\n    background: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n}\n\n#testimonials-6a11bb333aa96 .testimonial-toggle-btn.expanded svg {\n    transform: rotate(180deg);\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Testimonials block loading: testimonials-6a11bb333aa96');\n    console.log('Swiper available:', typeof Swiper !== 'undefined');\n\n    if (typeof Swiper !== 'undefined') {\n        const swiperElement = document.querySelector('.testimonials-swiper-testimonials-6a11bb333aa96');\n        console.log('Swiper element found:', swiperElement);\n\n        if (swiperElement) {\n            const swiper = new Swiper('.testimonials-swiper-testimonials-6a11bb333aa96', {\n                slidesPerView: 1,\n                spaceBetween: 30,\n                centeredSlides: true,\n                loop: true,\n                autoplay: {\n                    delay: 5000,\n                    disableOnInteraction: false,\n                },\n                navigation: {\n                    nextEl: '.testimonials-nav-next-testimonials-6a11bb333aa96',\n                    prevEl: '.testimonials-nav-prev-testimonials-6a11bb333aa96',\n                },\n                pagination: {\n                    el: '.swiper-pagination-testimonials-6a11bb333aa96',\n                    clickable: true,\n                },\n                breakpoints: {\n                    768: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 40,\n                    },\n                    1024: {\n                        slidesPerView: 1.3,\n                        spaceBetween: 50,\n                    },\n                    1280: {\n                        slidesPerView: 1.4,\n                        spaceBetween: 60,\n                    }\n                }\n            });\n            console.log('Swiper initialized:', swiper);\n\n            \/\/ Pause autoplay on hover\n            const slides = document.querySelectorAll('#testimonials-6a11bb333aa96 .swiper-slide');\n            slides.forEach(slide => {\n                slide.addEventListener('mouseenter', function() {\n                    swiper.autoplay.stop();\n                });\n                slide.addEventListener('mouseleave', function() {\n                    swiper.autoplay.start();\n                });\n            });\n\n            \/\/ Show more\/less toggle functionality\n            const toggleButtons = document.querySelectorAll('#testimonials-6a11bb333aa96 .testimonial-toggle-btn');\n            toggleButtons.forEach(btn => {\n                btn.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const textWrapper = this.previousElementSibling;\n                    const toggleText = this.querySelector('.toggle-text');\n                    const fullText = textWrapper.getAttribute('data-full-text');\n                    const shortText = textWrapper.getAttribute('data-short-text');\n                    const isExpanded = this.classList.contains('expanded');\n\n                    if (isExpanded) {\n                        \/\/ Collapse\n                        const shortParagraphs = shortText.split('\\n').filter(p => p.trim()).map(p => '<p>' + p.trim() + '<\/p>').join('');\n                        textWrapper.innerHTML = shortParagraphs;\n                        toggleText.textContent = 'Show more';\n                        this.classList.remove('expanded');\n                    } else {\n                        \/\/ Expand\n                        const fullParagraphs = fullText.split('\\n').filter(p => p.trim()).map(p => '<p>' + p.trim() + '<\/p>').join('');\n                        textWrapper.innerHTML = fullParagraphs;\n                        toggleText.textContent = 'Show less';\n                        this.classList.add('expanded');\n                    }\n                });\n            });\n        } else {\n            console.error('Swiper element not found for ID: testimonials-6a11bb333aa96');\n        }\n    } else {\n        console.error('Swiper library not loaded!');\n    }\n});\n<\/script>\n\n<div id=\"block-name-block_607aeb4ef858b\" class=\"block-name\">\n\t<div class=\"py-14 lg:py-36\">\n      <div class=\"container\">\n         <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-3\">\n            <div>\n               <h2 class=\"text-3xl lg:text-7.5xl xl:text-9.5xl font-semibold mb-6 lg:mb-12\">Need a hand?<\/h2>\n\n               <div class=\"lg:text-2xl xl:text-2.25xl paragraph-my-10 xl:pl-16\">\n                  <p>Define the task, scope of work, time frame and just hit &#8211; send. Nemanja will provide you with your team.<\/p>\n<p>It\u2019s that easy.<\/p>\n<p>And he might take you for a pint.<\/p>\n               <\/div>\n            <\/div>\n\n            <div class=\"mx-auto lg:mr-0 lg:ml-auto\">\n               <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/Nemanja-Nikolic-e1758708970529.jpeg\" alt=\"Nemanja Nikoli\u0107\"\/>\n               <h3 class=\"text-xl font-semibold mt-8 mb-1\">Nemanja Nikoli\u0107<\/h3>\n               <p class=\"text-light-gray\">Business Development Manager<\/p>\n            <\/div>\n         <\/div>\n      <\/div>\n   <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>How We Work Build up to 3\u00d7 faster \u2014 without losing control. Discover how AI supercharges our workflow of product development Build faster. Design smarter. Deliver better. Our teams use AI-powered tools across every phase \u2014 from Product Discovery and UX Design to Development, Testing, and DevOps \u2014 to speed up delivery up to 3\u00d7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8805,"parent":8503,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"template-service-category.php","meta":{"footnotes":""},"class_list":["post-8783","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/pages\/8783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/comments?post=8783"}],"version-history":[{"count":0,"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/pages\/8783\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/pages\/8503"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/media\/8805"}],"wp:attachment":[{"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/media?parent=8783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}