{"id":4529,"date":"2026-01-19T14:53:38","date_gmt":"2026-01-19T14:53:38","guid":{"rendered":"https:\/\/calda.digitalwise-hq.gr\/cases\/farmakoviomichania-stin-attiki\/"},"modified":"2026-03-18T15:33:36","modified_gmt":"2026-03-18T15:33:36","slug":"pharmaceutical-industry-in-attica","status":"publish","type":"cases","link":"https:\/\/calda.digitalwise-hq.gr\/en\/cases\/pharmaceutical-industry-in-attica\/","title":{"rendered":"Pharmaceutical Industry in Attica"},"content":{"rendered":"    <div class=\"image-gallery-carousel-wrapper py-12\">\n        <div class=\"relative\">\n            <!-- Swiper Container -->\n            <div class=\"swiper image-carousel-6a765b14dbb20\">\n                <div class=\"swiper-wrapper\">\n                                            <div class=\"swiper-slide\">\n                            <div class=\"relative overflow-hidden rounded-md aspect-[4\/3] cursor-zoom-in\"\n                                 data-lightbox-id=\"image-carousel-6a765b14dbb20\"\n                                 data-lightbox-index=\"0\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/01\/img_20151221_160032-2048x1158-1-1024x579.jpg\" \n                                     alt=\"\" \n                                     class=\"absolute inset-0 w-full h-full object-cover\"\n                                     loading=\"lazy\">\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <div class=\"relative overflow-hidden rounded-md aspect-[4\/3] cursor-zoom-in\"\n                                 data-lightbox-id=\"image-carousel-6a765b14dbb20\"\n                                 data-lightbox-index=\"1\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/01\/elpen4-1-3-1024x765.jpg\" \n                                     alt=\"\" \n                                     class=\"absolute inset-0 w-full h-full object-cover\"\n                                     loading=\"lazy\">\n                            <\/div>\n                        <\/div>\n                                            <div class=\"swiper-slide\">\n                            <div class=\"relative overflow-hidden rounded-md aspect-[4\/3] cursor-zoom-in\"\n                                 data-lightbox-id=\"image-carousel-6a765b14dbb20\"\n                                 data-lightbox-index=\"2\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/uploads\/2026\/01\/elpen2-1-1-2-1024x765.jpg\" \n                                     alt=\"\" \n                                     class=\"absolute inset-0 w-full h-full object-cover\"\n                                     loading=\"lazy\">\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <!-- Progress Bar and Navigation Container -->\n                <div class=\"mt-6\">\n                    <!-- Progress Bar (Full Width) -->\n                                            <div class=\"swiper-pagination image-carousel-6a765b14dbb20-pagination !relative !left-0 !bottom-0 !w-full mb-4\"><\/div>\n                    \n                    <!-- Navigation Arrows (Right) -->\n                                            <div class=\"flex items-center justify-end gap-3 px-4\">\n                            <button class=\"swiper-button-prev image-carousel-6a765b14dbb20-prev !relative !left-0 !right-0 !top-0 !mt-0 max-w-[30px]\" aria-label=\"Previous slide\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/themes\/whytheme-main\/assets\/images\/icons\/Arrow-left.svg\" alt=\"Previous\" class=\"w-full h-full\">\n                            <\/button>\n                            <button class=\"swiper-button-next image-carousel-6a765b14dbb20-next !relative !left-0 !right-0 !top-0 !mt-0 max-w-[30px]\" aria-label=\"Next slide\">\n                                <img decoding=\"async\" src=\"https:\/\/calda.digitalwise-hq.gr\/wp-content\/themes\/whytheme-main\/assets\/images\/icons\/Arrow-right.svg\" alt=\"Next\" class=\"w-full h-full\">\n                            <\/button>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Lightbox -->\n    <div id=\"image-carousel-6a765b14dbb20-lightbox\"\n         class=\"fixed inset-0 z-[9999] bg-black\/90 hidden items-center justify-center\"\n         role=\"dialog\" aria-modal=\"true\">\n        <!-- Close -->\n        <button class=\"image-carousel-6a765b14dbb20-lb-close absolute top-4 right-4 text-white hover:text-gray-300 transition-colors z-10\" aria-label=\"Close\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <path stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M6 6l12 12M18 6L6 18\"\/>\n            <\/svg>\n        <\/button>\n        <!-- Prev -->\n        <button class=\"image-carousel-6a765b14dbb20-lb-prev absolute left-4 top-1\/2 -translate-y-1\/2 text-white hover:text-gray-300 transition-colors z-10\" aria-label=\"Previous\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <path stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 18l-6-6 6-6\"\/>\n            <\/svg>\n        <\/button>\n        <!-- Image -->\n        <img decoding=\"async\" class=\"image-carousel-6a765b14dbb20-lb-img max-h-[90vh] max-w-[90vw] object-contain select-none\" src=\"\" alt=\"\">\n        <!-- Next -->\n        <button class=\"image-carousel-6a765b14dbb20-lb-next absolute right-4 top-1\/2 -translate-y-1\/2 text-white hover:text-gray-300 transition-colors z-10\" aria-label=\"Next\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"36\" fill=\"none\" viewBox=\"0 0 24 24\">\n                <path stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 18l6-6-6-6\"\/>\n            <\/svg>\n        <\/button>\n    <\/div>\n\n    <script>\n        (function() {\n            var lbImages = [{\"full\":\"https:\\\/\\\/calda.digitalwise-hq.gr\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/img_20151221_160032-2048x1158-1.jpg\",\"alt\":\"\"},{\"full\":\"https:\\\/\\\/calda.digitalwise-hq.gr\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/elpen4-1-3-scaled.jpg\",\"alt\":\"\"},{\"full\":\"https:\\\/\\\/calda.digitalwise-hq.gr\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/elpen2-1-1-2-scaled.jpg\",\"alt\":\"\"}];\n            var lbId     = 'image-carousel-6a765b14dbb20';\n            var lbEl     = document.getElementById(lbId + '-lightbox');\n            var lbImg    = lbEl.querySelector('.' + lbId + '-lb-img');\n            var current  = 0;\n\n            function lbShow(index) {\n                current = (index + lbImages.length) % lbImages.length;\n                lbImg.src = lbImages[current].full;\n                lbImg.alt = lbImages[current].alt;\n                lbEl.classList.remove('hidden');\n                lbEl.classList.add('flex');\n                document.body.style.overflow = 'hidden';\n            }\n\n            function lbClose() {\n                lbEl.classList.add('hidden');\n                lbEl.classList.remove('flex');\n                document.body.style.overflow = '';\n                lbImg.src = '';\n            }\n\n            \/\/ Open on slide click\n            document.querySelectorAll('[data-lightbox-id=\"' + lbId + '\"]').forEach(function(el) {\n                el.addEventListener('click', function() {\n                    lbShow(parseInt(this.dataset.lightboxIndex, 10));\n                });\n            });\n\n            \/\/ Close button\n            lbEl.querySelector('.' + lbId + '-lb-close').addEventListener('click', lbClose);\n\n            \/\/ Prev \/ Next\n            lbEl.querySelector('.' + lbId + '-lb-prev').addEventListener('click', function() { lbShow(current - 1); });\n            lbEl.querySelector('.' + lbId + '-lb-next').addEventListener('click', function() { lbShow(current + 1); });\n\n            \/\/ Click backdrop to close\n            lbEl.addEventListener('click', function(e) { if (e.target === lbEl) lbClose(); });\n\n            \/\/ Keyboard\n            document.addEventListener('keydown', function(e) {\n                if (lbEl.classList.contains('hidden')) return;\n                if (e.key === 'Escape')     lbClose();\n                if (e.key === 'ArrowLeft')  lbShow(current - 1);\n                if (e.key === 'ArrowRight') lbShow(current + 1);\n            });\n\n            \/\/ Touch swipe\n            var touchStartX = 0;\n            var touchStartY = 0;\n            lbEl.addEventListener('touchstart', function(e) {\n                touchStartX = e.touches[0].clientX;\n                touchStartY = e.touches[0].clientY;\n            }, { passive: true });\n            lbEl.addEventListener('touchend', function(e) {\n                var dx = e.changedTouches[0].clientX - touchStartX;\n                var dy = e.changedTouches[0].clientY - touchStartY;\n                if (Math.abs(dx) < 30 || Math.abs(dy) > Math.abs(dx)) return;\n                if (dx < 0) lbShow(current + 1);\n                else        lbShow(current - 1);\n            }, { passive: true });\n        })();\n    <\/script>\n\n    <style>\n        .image-carousel-6a765b14dbb20 .swiper-button-prev,\n        .image-carousel-6a765b14dbb20 .swiper-button-next {\n            background: transparent;\n            width: 40px;\n            height: 40px;\n            border-radius: 0;\n            box-shadow: none;\n            transition: opacity 0.3s;\n            border: none;\n            cursor: pointer;\n            padding: 0;\n        }\n\n        .image-carousel-6a765b14dbb20 .swiper-button-prev:hover,\n        .image-carousel-6a765b14dbb20 .swiper-button-next:hover {\n            opacity: 0.7;\n        }\n\n        .image-carousel-6a765b14dbb20 .swiper-button-prev:after,\n        .image-carousel-6a765b14dbb20 .swiper-button-next:after {\n            content: '';\n            display: none;\n        }\n\n        .image-carousel-6a765b14dbb20-pagination {\n            text-align: left !important;\n        }\n\n        \/* Progress bar: visual track (5px) centered, fill (8px) taller and rounded *\/\n        .image-carousel-6a765b14dbb20 .swiper-pagination-progressbar {\n            background: #e5e7eb;\n            height: 5px; \/* track height *\/\n            border-radius: 5px; \/* small rounded track *\/\n            position: relative;\n            overflow-y: visible;\n        }\n\n        .image-carousel-6a765b14dbb20 .swiper-pagination-progressbar-fill {\n            background: #1f2937;\n            height: 8px; \/* visible fill height *\/\n            border-radius: 8px; \/* keep fill rounded *\/\n            display: block;\n            margin-top: -2.5px; \/* center 8px fill inside 5px track ((5-8)\/2 = -1.5 or -2.5 depending on rendering) *\/\n            transform-origin: left center; \/* ensure progress expands from left *\/\n        }\n    <\/style>\n\n    <script>\n        \/* eslint-disable *\/ \/\/ @ts-nocheck\n        (function() {\n            function initSwiper_image_carousel_6a765b14dbb20() {\n                if (typeof Swiper === 'undefined') {\n                    setTimeout(initSwiper_image_carousel_6a765b14dbb20, 100);\n                    return;\n                }\n                new Swiper('.image-carousel-6a765b14dbb20', {\n                slidesPerView: 1,\n                spaceBetween: 16,\n                loop: false,\n                observer: true,\n                observeParents: true,\n                                autoplay: {\n                    delay: 5000,\n                    disableOnInteraction: false,\n                    pauseOnMouseEnter: true,\n                },\n                                navigation: {\n                    nextEl: '.image-carousel-6a765b14dbb20-next',\n                    prevEl: '.image-carousel-6a765b14dbb20-prev',\n                },\n                pagination: {\n                    el: '.image-carousel-6a765b14dbb20-pagination',\n                    type: 'progressbar',\n                },\n                breakpoints: {\n                    640: {\n                        slidesPerView: 2,\n                        spaceBetween: 16,\n                    },\n                    768: {\n                        slidesPerView: 3,\n                        spaceBetween: 16,\n                    },\n                    1024: {\n                        slidesPerView: 3,\n                        spaceBetween: 16,\n                    },\n                },\n            });\n        }\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', initSwiper_image_carousel_6a765b14dbb20);\n        } else {\n            initSwiper_image_carousel_6a765b14dbb20();\n        }\n        })();\n    <\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"featured_media":4531,"template":"","case-category":[346],"case-tag":[],"class_list":["post-4529","cases","type-cases","status-publish","has-post-thumbnail","hentry","case-category-industrial"],"acf":[],"_links":{"self":[{"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/cases\/4529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/cases"}],"about":[{"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/types\/cases"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/media\/4531"}],"wp:attachment":[{"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/media?parent=4529"}],"wp:term":[{"taxonomy":"case-category","embeddable":true,"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/case-category?post=4529"},{"taxonomy":"case-tag","embeddable":true,"href":"https:\/\/calda.digitalwise-hq.gr\/en\/wp-json\/wp\/v2\/case-tag?post=4529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}