{"id":612,"date":"2023-05-15T07:03:06","date_gmt":"2023-05-15T07:03:06","guid":{"rendered":"http:\/\/pitoonwp.pixydrops.com\/?page_id=612"},"modified":"2025-12-27T19:02:13","modified_gmt":"2025-12-27T19:02:13","slug":"home","status":"publish","type":"page","link":"https:\/\/c2s.gr\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"612\" class=\"elementor elementor-612\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8987f05 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8987f05\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-11fea3e\" data-id=\"11fea3e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b438be elementor-widget elementor-widget-pitoon-main-slider\" data-id=\"7b438be\" data-element_type=\"widget\" data-widget_type=\"pitoon-main-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t<!-- Main Sllider Start -->\r\n\t<section class=\"main-slider-three\">\r\n\t\t<div class=\"main-slider-three__carousel owl-carousel owl-theme thm-owl__carousel\" data-owl-options='{\"loop\": true, \"items\": 1, \"navText\": [\"<span class=\\\"icon-left-arrow\\\"><\/span>\",\"<span class=\\\"icon-right-arrow\\\"><\/span>\"], \"margin\": 0, \"dots\": true, \"nav\": false, \"animateOut\": \"slideOutDown\", \"animateIn\": \"fadeIn\", \"active\": true, \"smartSpeed\": 1000, \"autoplay\": true, \"autoplayTimeout\": 40000, \"autoplayHoverPause\": false}'>\r\n\r\n\t\t\t\t\t\t\t<div class=\"item main-slider-three__slide-1\">\r\n\t\t\t\t\t                        \r\n                        <div class=\"main-slider-three__bg\" style=\"background-image: url();\">\r\n                                                            <video class=\"main-slider-three__bg-video\"\r\n                                       autoplay muted loop playsinline preload=\"metadata\"\r\n                                       >\r\n                                    <source src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/compressed-video.mp4\" type=\"video\/mp4\">\r\n                                <\/video>\r\n                                                    <\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__shape-1\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/tool_hero_section_small.webp\" alt=\"tool_hero_section_small\" title=\"tool_hero_section_small\" >\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__small-img float-bob-x\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t<div class=\"main-slider-three__content\">\r\n\t\t\t\t\t\t\t<h2 class=\"main-slider-three__title\">C2S<br>Digital<br>Solutions<\/h2>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"main-slider-three__btn-box\">\r\n\t\t\t\t\t\t\t\t\t<a class=\"main-slider-three__btn thm-btn\" href=\"https:\/\/c2s.gr\/en\/#about\"  >Discover More<\/a>\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"item main-slider-three__slide-2\">\r\n\t\t\t\t\t                        \r\n                        <div class=\"main-slider-three__bg\" style=\"background-image: url(https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/hero_section_websites_eshopts-scaled.webp);\">\r\n                                                    <\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__shape-1\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/tool_hero_section_small.webp\" alt=\"tool_hero_section_small\" title=\"tool_hero_section_small\" >\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__small-img float-bob-x\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t<div class=\"main-slider-three__content\">\r\n\t\t\t\t\t\t\t<h2 class=\"main-slider-three__title main-slider-three__title\">\u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7<br>\u0399\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd <br>eShop<\/h2>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"main-slider-three__btn-box\">\r\n\t\t\t\t\t\t\t\t\t<a class=\"main-slider-three__btn thm-btn main-slider-three__btn thm-btn\" href=\"https:\/\/c2s.gr\/en\/webdevelopment\/\"  >Discover More<\/a>\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"item main-slider-three__slide-3\">\r\n\t\t\t\t\t                        \r\n                        <div class=\"main-slider-three__bg\" style=\"background-image: url(https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/hero_section_dashboards.webp);\">\r\n                                                    <\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__shape-1\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/tool_hero_section_small.webp\" alt=\"tool_hero_section_small\" title=\"tool_hero_section_small\" >\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__small-img float-bob-x\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t<div class=\"main-slider-three__content\">\r\n\t\t\t\t\t\t\t<h2 class=\"main-slider-three__title main-slider-three__title main-slider-three__title\">\u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03b1\u03ba\u03ac <br>\u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1<\/h2>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"main-slider-three__btn-box\">\r\n\t\t\t\t\t\t\t\t\t<a class=\"main-slider-three__btn thm-btn main-slider-three__btn thm-btn main-slider-three__btn thm-btn\" href=\"https:\/\/c2s.gr\/en\/dashboards\/\"  >Discover More<\/a>\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"item main-slider-three__slide-4\">\r\n\t\t\t\t\t                        \r\n                        <div class=\"main-slider-three__bg\" style=\"background-image: url(https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/hardwareiot.webp);\">\r\n                                                    <\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__shape-1\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/tool_hero_section_small.webp\" alt=\"tool_hero_section_small\" title=\"tool_hero_section_small\" >\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__small-img float-bob-x\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t<div class=\"main-slider-three__content\">\r\n\t\t\t\t\t\t\t<h2 class=\"main-slider-three__title main-slider-three__title main-slider-three__title main-slider-three__title\">\u039b\u03cd\u03c3\u03b5\u03b9\u03c2 <br>Hardware<br>IoT<\/h2>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"main-slider-three__btn-box\">\r\n\t\t\t\t\t\t\t\t\t<a class=\"main-slider-three__btn thm-btn main-slider-three__btn thm-btn main-slider-three__btn thm-btn main-slider-three__btn thm-btn\" href=\"https:\/\/c2s.gr\/en\/hardware-iot\/\"  >Discover More<\/a>\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"item main-slider-three__slide-5\">\r\n\t\t\t\t\t                        \r\n                        <div class=\"main-slider-three__bg\" style=\"background-image: url(https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/hero_mobile.webp);\">\r\n                                                    <\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__shape-1\">\r\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/tool_hero_section_small.webp\" alt=\"tool_hero_section_small\" title=\"tool_hero_section_small\" >\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"main-slider-three__small-img float-bob-x\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"container\">\r\n\t\t\t\t\t\t<div class=\"main-slider-three__content\">\r\n\t\t\t\t\t\t\t<h2 class=\"main-slider-three__title main-slider-three__title main-slider-three__title main-slider-three__title main-slider-three__title\">\u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 <br>\u039a\u03b9\u03bd\u03b7\u03c4\u03ce\u03bd <br>iOS &amp;Android<\/h2>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"main-slider-three__btn-box\">\r\n\t\t\t\t\t\t\t\t\t<a class=\"main-slider-three__btn thm-btn main-slider-three__btn thm-btn main-slider-three__btn thm-btn main-slider-three__btn thm-btn main-slider-three__btn thm-btn\" href=\"https:\/\/c2s.gr\/en\/mobile-development\/\"  >Discover More<\/a>\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/section>\r\n\t<!--Main Sllider Start -->\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10164ff elementor-widget elementor-widget-html\" data-id=\"10164ff\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- BASE --- *\/\r\n.float-bob-x, .float-bob-y { animation: none !important; }\r\n.main-slider-three__carousel .owl-stage-outer { overflow: hidden !important; }\r\n\r\n\/* 3D context *\/\r\n.main-slider-three__carousel{\r\n  perspective: 1100px;\r\n  transform-style: preserve-3d;\r\n}\r\n.main-slider-three__carousel .owl-item,\r\n.main-slider-three__carousel .item{\r\n  transform-style: preserve-3d;\r\n}\r\n.main-slider-three__carousel .item *{\r\n  backface-visibility: hidden;\r\n}\r\n\r\n\/* Background bigger + breathing *\/\r\n@keyframes breatheBg{\r\n  0% { filter: brightness(1); }\r\n  50% { filter: brightness(1.1) contrast(1.1); }\r\n  100% { filter: brightness(1); }\r\n}\r\n.main-slider-three__bg{\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  left: 0 !important;\r\n  top: 0 !important;\r\n  position: absolute;\r\n  animation: breatheBg 6s infinite ease-in-out;\r\n  will-change: transform, filter;\r\n}\r\n\r\n\/* --- CINEMATIC OVERLAYS --- *\/\r\n.main-slider-three__carousel .item{\r\n  position: relative;\r\n  overflow: hidden;\r\n  --mx: 50%;\r\n  --my: 50%;\r\n}\r\n.main-slider-three__carousel .item::before{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background:\r\n    radial-gradient(circle at var(--mx) var(--my),\r\n      rgba(255,255,255,.22), rgba(255,255,255,0) 45%),\r\n    linear-gradient(120deg, rgba(0,0,0,.45), rgba(0,0,0,.08));\r\n  mix-blend-mode: overlay;\r\n  opacity: 0;\r\n  pointer-events:none;\r\n}\r\n.main-slider-three__carousel .item::after{\r\n  content:\"\";\r\n  position:absolute; inset:-20%;\r\n  background:\r\n    repeating-linear-gradient(0deg, rgba(255,255,255,.06), rgba(255,255,255,.06) 1px, rgba(255,255,255,0) 3px, rgba(255,255,255,0) 8px),\r\n    repeating-linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, rgba(255,255,255,0) 4px, rgba(255,255,255,0) 10px);\r\n  opacity: 0;\r\n  transform: translate3d(0,0,0) rotate(2deg);\r\n  pointer-events:none;\r\n}\r\n@keyframes fxOverlayPulse { 0%,100% { opacity: 1; } 50% { opacity: .75; } }\r\n@keyframes fxGrainDrift {\r\n  from { transform: translate3d(-2%, -1%, 0) rotate(2deg); }\r\n  to   { transform: translate3d( 2%,  1%, 0) rotate(2deg); }\r\n}\r\n.main-slider-three__carousel .owl-item.active .item::before{\r\n  opacity: 1;\r\n  animation: fxOverlayPulse 2.8s ease-in-out infinite;\r\n}\r\n.main-slider-three__carousel .owl-item.active .item::after{\r\n  opacity: .18;\r\n  animation: fxGrainDrift 6s linear infinite;\r\n}\r\n\r\n\/* --- ENTRANCE ANIMATIONS --- *\/\r\n@keyframes fadeInUp{\r\n  from { opacity: 0; transform: translateY(50px) scale(0.9); filter: blur(10px); }\r\n  to   { opacity: 1; transform: translateY(0)   scale(1);   filter: blur(0); }\r\n}\r\n.owl-item.active .main-slider-three__title{\r\n  animation: fadeInUp 1s ease-out forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.3s;\r\n}\r\n.owl-item.active .main-slider-three__btn-box{\r\n  animation: fadeInUp 1s ease-out forwards;\r\n  opacity: 0;\r\n  animation-delay: 0.6s;\r\n}\r\n\r\n.main-slider-three__title{ transform-style: preserve-3d; }\r\n\r\n\/* --- PER-LETTER STAGGER --- *\/\r\n.main-slider-three__title .char{\r\n  display:inline-block;\r\n  opacity:0;\r\n  transform: translate3d(0, 1.05em, 100px) rotate(2deg);\r\n  text-shadow: 0 2px 0 rgba(0,0,0,.22), 0 4px 0 rgba(0,0,0,.18), 0 18px 34px rgba(0,0,0,.40);\r\n  will-change: transform, opacity;\r\n}\r\n@keyframes fxCharIn {\r\n  to { opacity: 1; transform: translate3d(0,0,100px) rotate(0deg); }\r\n}\r\n.owl-item.active .main-slider-three__title .char{\r\n  animation: fxCharIn .75s cubic-bezier(.2,.9,.2,1) both;\r\n  animation-delay: calc(var(--i) * 18ms);\r\n}\r\n\r\n\/* --- BUTTON SHINE --- *\/\r\n.main-slider-three__btn{ position: relative; overflow: hidden; will-change: transform, opacity; }\r\n.main-slider-three__btn::before{\r\n  content:\"\"; position:absolute; inset:-30%;\r\n  background: linear-gradient(120deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 65%);\r\n  transform: translateX(-55%) skewX(-18deg); opacity: 0; pointer-events:none;\r\n}\r\n@keyframes fxShine{\r\n  0%   { transform: translateX(-55%) skewX(-18deg); }\r\n  55%  { transform: translateX( 85%) skewX(-18deg); }\r\n  100% { transform: translateX( 85%) skewX(-18deg); }\r\n}\r\n.owl-item.active .main-slider-three__btn::before{\r\n  opacity: 1; animation: fxShine 2.2s ease-in-out infinite;\r\n}\r\n.main-slider-three__btn.thm-btn:hover,\r\n.main-slider-three__btn.thm-btn:focus,\r\n.main-slider-three__btn.thm-btn:active{\r\n  color: #7bbc0a !important;\r\n}\r\n\r\n\/* ---------------------------------------------------- *\/\r\n\/* --- NEW: NAVIGATION ARROWS & DOTS STYLING --- *\/\r\n\/* ---------------------------------------------------- *\/\r\n\r\n\/* 1. Reset pointer events for controls so they are CLICKABLE *\/\r\n.main-slider-three__carousel .owl-nav,\r\n.main-slider-three__carousel .owl-dots {\r\n    pointer-events: auto !important;\r\n    position: absolute;\r\n    width: 100%;\r\n    z-index: 9999;\r\n}\r\n\r\n\/* 2. ARROWS STYLING (Modern Glassmorphism) *\/\r\n.main-slider-three__carousel .owl-nav {\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 0 30px; \/* \u0391\u03c0\u03cc\u03c3\u03c4\u03b1\u03c3\u03b7 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03ac\u03ba\u03c1\u03b1 *\/\r\n    height: 0; \/* Wrapper height 0 to prevent blocking clicks *\/\r\n}\r\n\r\n.main-slider-three__carousel .owl-prev,\r\n.main-slider-three__carousel .owl-next {\r\n    width: 60px;\r\n    height: 60px;\r\n    background: rgba(255, 255, 255, 0.1) !important; \/* \u0394\u03b9\u03b1\u03c6\u03b1\u03bd\u03ad\u03c2 *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n    backdrop-filter: blur(5px);\r\n    border-radius: 50%;\r\n    display: flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fff !important;\r\n    font-size: 20px !important;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n    cursor: pointer !important;\r\n    outline: none;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n.main-slider-three__carousel .owl-prev:hover,\r\n.main-slider-three__carousel .owl-next:hover {\r\n    background: #7bbc0a !important; \/* \u03a4\u03bf \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03bf \u03c4\u03bf\u03c5 logo *\/\r\n    border-color: #7bbc0a !important;\r\n    transform: scale(1.1);\r\n    box-shadow: 0 10px 30px rgba(123, 188, 10, 0.4);\r\n}\r\n\r\n\/* \u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03b2\u03b5\u03bb\u03ce\u03bd \u03bc\u03b5 CSS \u03b1\u03bd \u03bb\u03b5\u03af\u03c0\u03bf\u03c5\u03bd \u03c4\u03b1 icons *\/\r\n.main-slider-three__carousel .owl-prev span,\r\n.main-slider-three__carousel .owl-next span {\r\n    font-size: 30px;\r\n    line-height: 1;\r\n    padding-bottom: 4px; \/* \u039c\u03b9\u03ba\u03c1\u03bf\u03b4\u03b9\u03cc\u03c1\u03b8\u03c9\u03c3\u03b7 \u03ba\u03ad\u03bd\u03c4\u03c1\u03bf\u03c5 *\/\r\n}\r\n\r\n\/* 3. DOTS STYLING *\/\r\n.main-slider-three__carousel .owl-dots {\r\n    bottom: 40px;\r\n    left: 0;\r\n    text-align: center;\r\n}\r\n\r\n.main-slider-three__carousel .owl-dot {\r\n    display: inline-block;\r\n    margin: 0 6px;\r\n    outline: none;\r\n}\r\n\r\n.main-slider-three__carousel .owl-dot span {\r\n    display: block;\r\n    width: 12px;\r\n    height: 12px;\r\n    background: rgba(255, 255, 255, 0.3) !important;\r\n    border-radius: 50%;\r\n    transition: all 0.3s ease;\r\n    border: 1px solid transparent;\r\n}\r\n\r\n.main-slider-three__carousel .owl-dot.active span {\r\n    background: #7bbc0a !important; \/* \u03a0\u03c1\u03ac\u03c3\u03b9\u03bd\u03bf \u03b5\u03bd\u03b5\u03c1\u03b3\u03cc *\/\r\n    transform: scale(1.3);\r\n    box-shadow: 0 0 15px rgba(123, 188, 10, 0.6);\r\n}\r\n\r\n.main-slider-three__carousel .owl-dot:hover span {\r\n    background: rgba(255, 255, 255, 0.8) !important;\r\n}\r\n\r\n\r\n\/* --- INTERACTION FIXES --- *\/\r\n\/* Block drag everywhere *\/\r\n.main-slider-three__carousel,\r\n.main-slider-three__carousel .owl-stage-outer,\r\n.main-slider-three__carousel .owl-stage,\r\n.main-slider-three__carousel .item {\r\n    cursor: default !important;\r\n    user-select: none;\r\n    pointer-events: none !important;\r\n}\r\n\r\n\/* Allow interaction on specific controls *\/\r\n.main-slider-three__btn-box,\r\n.main-slider-three__btn {\r\n    pointer-events: auto !important;\r\n    cursor: pointer !important;\r\n    position: relative;\r\n    z-index: 1000;\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n\/* Layout Fixes *\/\r\n.main-slider-three__bg,\r\n.main-slider-three__shape-1 img,\r\n.main-slider-three__small-img img,\r\n.main-slider-three__content{\r\n  will-change: transform;\r\n  transform-style: preserve-3d;\r\n}\r\n@media (prefers-reduced-motion: reduce){\r\n  .main-slider-three__carousel * { animation: none !important; transition: none !important; }\r\n}\r\n.main-slider-three__carousel, .main-slider-three{ height: 100vh; min-height: 100vh; }\r\n.main-slider-three__carousel .owl-stage-outer, .main-slider-three__carousel .owl-stage, .main-slider-three__carousel .owl-item, .main-slider-three__carousel .item{ height: 100%; }\r\n.main-slider-three__carousel .item{ display: flex; align-items: center; }\r\n.main-slider-three__carousel .main-slider-three__bg{ background-size: cover; background-position: center; }\r\n:root{ --vh: 1vh; }\r\n.main-slider-three__carousel{ height: calc(var(--vh) * 100); min-height: calc(var(--vh) * 100); }\r\n.main-slider-three__bg, .main-slider-three__shape-1, .main-slider-three__small-img, .main-slider-three__carousel .item::before, .main-slider-three__carousel .item::after{ pointer-events: none; }\r\n\r\n\/* --- MOBILE & TABLET FIXES --- *\/\r\n@media (max-width: 991px) {\r\n    \/* 1. Height Fix: \u0394\u03b9\u03b1\u03c3\u03c6\u03ac\u03bb\u03b9\u03c3\u03b7 \u03cc\u03c4\u03b9 \u03c0\u03b9\u03ac\u03bd\u03b5\u03b9 \u03cc\u03bb\u03bf \u03c4\u03bf \u03cd\u03c8\u03bf\u03c2 *\/\r\n    .main-slider-three__carousel, \r\n    .main-slider-three__bg {\r\n        height: 100vh !important;\r\n        min-height: 100% !important;\r\n    }\r\n    \r\n    .main-slider-three__bg video,\r\n    .main-slider-three__bg iframe {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n    }\r\n\r\n    \/* 2. Enable Slide: \u039e\u03b5\u03ba\u03bb\u03b5\u03b9\u03b4\u03ce\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf touch \u03b1\u03bb\u03bb\u03ac \u03a7\u03a9\u03a1\u0399\u03a3 grab cursor *\/\r\n    .main-slider-three__carousel,\r\n    .main-slider-three__carousel .owl-stage-outer,\r\n    .main-slider-three__carousel .owl-stage,\r\n    .main-slider-three__carousel .item {\r\n        pointer-events: auto !important;\r\n        cursor: default !important; \/* \u0391\u03bb\u03bb\u03b1\u03b3\u03ae: \u0391\u03c0\u03bb\u03cc \u03b2\u03ad\u03bb\u03bf\u03c2, \u03cc\u03c7\u03b9 \u03c7\u03b5\u03c1\u03ac\u03ba\u03b9 *\/\r\n        touch-action: pan-y; \/* \u03a3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc: \u0395\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03c4\u03bf slide \u03b4\u03b5\u03be\u03b9\u03ac-\u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ac *\/\r\n    }\r\n        #page > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-8987f05.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-0890e64.elementor-widget.elementor-widget-pitoon-about > div > section > div > div > div:nth-child(1) {\r\n        display: none !important;\r\n    }\r\n    #page > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-8987f05.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-0890e64.elementor-widget.elementor-widget-pitoon-about > div > section > div > div > div:nth-child(2) > div > div.about-three__points-and-happy-clients > div {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\nconst setVH = () => document.documentElement.style.setProperty('--vh', (window.innerHeight * 0.01) + 'px');\r\nsetVH();\r\nwindow.addEventListener('resize', setVH, { passive: true });\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const carousel = document.querySelector(\".main-slider-three__carousel\");\r\n  if (!carousel) return;\r\n  \r\n  \/\/ -----------------------------------------------------\r\n  \/\/ JQUERY: CONFIGURATION (Arrows, Dots, Autoplay)\r\n  \/\/ -----------------------------------------------------\r\n  const $ = window.jQuery;\r\n  if ($) {\r\n      const $owl = $(carousel);\r\n      \r\n      \/\/ \u0392\u03b5\u03b2\u03b1\u03b9\u03c9\u03bd\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03cc\u03c4\u03b9 \u03c4\u03bf Carousel \u03ad\u03c7\u03b5\u03b9 \u03c1\u03c5\u03b8\u03bc\u03af\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 nav\/dots\r\n      \/\/ \u03a3\u03c4\u03ad\u03bb\u03bd\u03bf\u03c5\u03bc\u03b5 \u03b5\u03bd\u03c4\u03bf\u03bb\u03ae \u03bd\u03b1 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03b9 \u03c4\u03bf autoplay\r\n      $owl.trigger('play.owl.autoplay', [6000]);\r\n\r\n      \/\/ \u03a0\u03c1\u03bf\u03c3\u03c0\u03ac\u03b8\u03b5\u03b9\u03b1 \u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2 Nav\/Dots \u03b1\u03bd \u03c4\u03bf theme \u03c4\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03ac\r\n      \/\/ (\u0391\u03c5\u03c4\u03cc \u03b4\u03bf\u03c5\u03bb\u03b5\u03cd\u03b5\u03b9 \u03b1\u03bd \u03c4\u03bf Carousel \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03ba\u03bb\u03b5\u03b9\u03b4\u03ce\u03c3\u03b5\u03b9 \u03c4\u03b9\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2 \u03ba\u03b1\u03c4\u03ac \u03c4\u03bf init)\r\n      \/\/ \u0391\u03bd \u03b4\u03b5\u03bd \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03bf\u03cd\u03bd, \u03c3\u03b7\u03bc\u03b1\u03af\u03bd\u03b5\u03b9 \u03cc\u03c4\u03b9 \u03c4\u03bf Theme \u03c4\u03b1 \u03ba\u03c1\u03cd\u03b2\u03b5\u03b9 \u03c3\u03c4\u03bf JS \u03c4\u03bf\u03c5.\r\n      \/\/ \u0391\u03bb\u03bb\u03ac \u03bc\u03b5 \u03c4\u03bf CSS \u03c0\u03b1\u03c1\u03b1\u03c0\u03ac\u03bd\u03c9 \u03b8\u03b1 \u03c4\u03b1 \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 force visible \u03b1\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03c3\u03c4\u03bf DOM.\r\n      \r\n      \/\/ \u0391\u03c0\u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 Drag\r\n    if ($owl.data('owl.carousel')) {\r\n          \/\/ \u0388\u03bb\u03b5\u03b3\u03c7\u03bf\u03c2 \u03b1\u03bd \u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c3\u03b5 mobile\/tablet (\u03c0.\u03c7. \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc 991px)\r\n          const isMobile = window.matchMedia(\"(max-width: 991px)\").matches;\r\n\r\n          $owl.data('owl.carousel').options.mouseDrag = false; \/\/ \u03a4\u03bf \u03c0\u03bf\u03bd\u03c4\u03af\u03ba\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 off \u03b3\u03b9\u03b1 \u03c4\u03bf 3D\r\n          $owl.data('owl.carousel').options.touchDrag = isMobile; \/\/ Touch on \u039c\u039f\u039d\u039f \u03b1\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 mobile\r\n\r\n          $owl.data('owl.carousel').options.nav = true; \r\n          $owl.data('owl.carousel').options.dots = true; \r\n          \r\n          $owl.data('owl.carousel').options.navText = [\"<span>\u2039<\/span>\", \"<span>\u203a<\/span>\"];\r\n          \r\n          $owl.trigger('refresh.owl.carousel');\r\n      }\r\n      \r\n  }\r\n\r\n  if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\r\n\r\n  \/\/ Split title -> chars\r\n  carousel.querySelectorAll(\".main-slider-three__title\").forEach(t => {\r\n    if (t.dataset.split) return;\r\n    const raw  = t.innerHTML.replace(\/<br\\s*\\\/?>\/gi, \"\\n\");\r\n    const text = new DOMParser().parseFromString(raw, \"text\/html\").body.textContent || \"\";\r\n    t.innerHTML = \"\";\r\n    let ci = 0;\r\n    [...text].forEach((ch) => {\r\n      if (ch === \"\\n\") { t.appendChild(document.createElement(\"br\")); return; }\r\n      if (ch === \"\\r\") return;\r\n      const s = document.createElement(\"span\");\r\n      s.className = \"char\";\r\n      s.style.setProperty(\"--i\", ci++);\r\n      s.textContent = ch === \" \" ? \"\\u00A0\" : ch;\r\n      t.appendChild(s);\r\n    });\r\n    t.dataset.split = \"1\";\r\n  });\r\n\r\n  \/\/ Owl moving flag\r\n  if ($ && $(carousel).on) {\r\n    $(carousel).on(\"translate.owl.carousel\", () => carousel.classList.add(\"is-moving\"));\r\n    $(carousel).on(\"translated.owl.carousel\", () => carousel.classList.remove(\"is-moving\"));\r\n  }\r\n\r\n  const clamp = (v, a, b) => Math.max(a, Math.min(b, v));\r\n  const lerp  = (a, b, n) => a + (b - a) * n;\r\n\r\n  const activeItem = () => carousel.querySelector(\".owl-item.active .item\");\r\n  const RANGE_X = 1.0; \r\n  const RANGE_Y = 1.0;\r\n  const FOLLOW = 0.14; \r\n  const ROT_Y  = 26; \r\n  const ROT_X  = 22; \r\n  const BG_PX      = 46; \r\n  const SHAPE_PX   = 115; \r\n  const CONTENT_PX = 85; \r\n  const SMALL_PX   = 165; \r\n\r\n  let tx = 0, ty = 0, cx = 0, cy = 0;\r\n\r\n  const updateTarget = (e) => {\r\n      \r\n      \/\/ --- NEW: \u0391\u03c0\u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 3D tracking \u03c3\u03b5 \u03ba\u03b9\u03bd\u03b7\u03c4\u03ac\/tablet ---\r\n    if (window.innerWidth < 991) {\r\n        tx = 0; ty = 0; \/\/ \u0395\u03c0\u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03c3\u03c4\u03bf \u03ba\u03ad\u03bd\u03c4\u03c1\u03bf\r\n        return;\r\n    }\r\n    const r = carousel.getBoundingClientRect();\r\n    if (!r.width || !r.height) return;\r\n    const nx = ((e.clientX - r.left) \/ r.width  - 0.5) * 2; \r\n    const ny = ((e.clientY - r.top)  \/ r.height - 0.5) * 2; \r\n    const MAX = 1.25;\r\n    tx = clamp(nx * RANGE_X, -MAX, MAX);\r\n    ty = clamp(ny * RANGE_Y, -MAX, MAX);\r\n  };\r\n\r\n  window.addEventListener(\"pointermove\", updateTarget, { passive: true });\r\n  window.addEventListener(\"blur\", () => { tx = ty = cx = cy = 0; });\r\n\r\n\r\n  const loop = () => {\r\n    cx = lerp(cx, tx, FOLLOW);\r\n    cy = lerp(cy, ty, FOLLOW);\r\n    const it = activeItem();\r\n    if (it) {\r\n      const moving = carousel.classList.contains(\"is-moving\");\r\n      const damp = moving ? 0.65 : 1.0;\r\n      const x = cx * damp;\r\n      const y = cy * damp;\r\n\r\n      it.style.setProperty(\"--mx\", ((x + 1) * 50) + \"%\");\r\n      it.style.setProperty(\"--my\", ((y + 1) * 50) + \"%\");\r\n      it.style.transform = `translateZ(18px) rotateY(${x * ROT_Y}deg) rotateX(${-y * ROT_X}deg) scale(1.01)`;\r\n\r\n      const bg = it.querySelector(\".main-slider-three__bg\");\r\n      if (bg) bg.style.transform = `translate3d(${x * -BG_PX}px, ${y * -BG_PX}px, -90px) scale(1.03)`;\r\n\r\n      const shape = it.querySelector(\".main-slider-three__shape-1 img\");\r\n      if (shape) shape.style.transform = `translate3d(${x * -SHAPE_PX}px, ${y * -SHAPE_PX}px, 110px) rotateY(${x * 10}deg) rotateX(${-y * 8}deg)`;\r\n\r\n      const content = it.querySelector(\".main-slider-three__content\");\r\n      if (content) {\r\n        content.style.transform = `translate3d(${x * -CONTENT_PX}px, ${y * -CONTENT_PX}px, 140px) rotateY(${x * 8}deg) rotateX(${-y * 7}deg)`;\r\n        content.style.textShadow = `${x * -18}px ${y * -18}px 14px rgba(0,0,0,0.30)`;\r\n      }\r\n\r\n      const small = it.querySelector(\".main-slider-three__small-img img\");\r\n      if (small) small.style.transform = `translate3d(${x * -SMALL_PX}px, ${y * -SMALL_PX}px, 180px) rotateY(${x * 14}deg) rotateX(${-y * 10}deg)`;\r\n\r\n      const btn = it.querySelector(\".main-slider-three__btn\");\r\n      if (btn) btn.style.transform = `translate3d(${x * -10}px, ${y * -10}px, 220px)`;\r\n    }\r\n    requestAnimationFrame(loop);\r\n  };\r\n  requestAnimationFrame(loop);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0890e64 elementor-widget elementor-widget-pitoon-about\" data-id=\"0890e64\" data-element_type=\"widget\" id=\"about\" data-widget_type=\"pitoon-about.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <section class=\"about-three\">\n        <div class=\"container\">\n            <div class=\"row\">\n                \n                <div class=\"col-xl-6\">\n                    <div class=\"about-three__left\">\n                        <div class=\"about-three__img-box-1\">\n                            <div class=\"about-three__shape-3\">\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/about-three-shape-3.png\" alt=\"about-three-shape-3\" title=\"about-three-shape-3\" >                            <\/div>\n                            <div class=\"about-three__shape-4 img-bounce\">\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/about-three-shape-4.png\" alt=\"about-three-shape-4\" title=\"about-three-shape-4\" >                            <\/div>\n                            \n                            <div class=\"about-three__img-1 cool-hover-img\">\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/about_us_hero.webp\" alt=\"about_us_hero\" title=\"about_us_hero\" >                            <\/div>\n                            \n                            <div class=\"about-three__img-box-2\">\n                                <div class=\"about-three__shape-1 float-bob-x\"><\/div>\n                                <div class=\"about-three__shape-2 zoominout\"><\/div>\n                                <div class=\"about-three__img-2 cool-hover-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/about_hero_fifth.webp\" alt=\"about_hero_fifth\" title=\"about_hero_fifth\" >                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                <\/div>\n\n                <div class=\"col-xl-6\">\n                    <div class=\"about-three__right\">\n                        <div class=\"section-title text-left\">\n                            <div class=\"section-title__tagline-box\">\n                                <span class=\"section-title__tagline\">WHO WE ARE<\/span>                                <div class=\"section-title__icon-box-1\">\n                                    <i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>                                    <i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>                                    <i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>                                <\/div>\n                                <div class=\"section-title__icon-box-2\">\n                                    <i aria-hidden=\"true\" class=\"fa fa-angle-right\"><\/i>                                    <i aria-hidden=\"true\" class=\"fa fa-angle-right\"><\/i>                                    <i aria-hidden=\"true\" class=\"fa fa-angle-right\"><\/i>                                <\/div>\n                            <\/div>\n                            <h2 class=\"section-title__title\">Your Strategic Partner in the Digital Age<\/h2>                        <\/div>\n                        <p class=\"about-three__text\"><p class=\"translation-block\">At C2S Digital Solutions, we don't just write code; we create digital value. We bridge the gap between your business vision and technical implementation, delivering solutions that are not only functional but also stand the test of time. From complex government systems to specialized IoT applications, our approach is always holistic and strategic.<\/p><ul><li><p class=\"translation-block\"><b>Our Mission:<\/b> To accelerate our customers' digital transformation through customized software solutions that solve real problems.<\/p><\/li><li><p class=\"translation-block\"><b>Our Vision: <\/b>To be the benchmark for innovation in Greece, building technologies that improve everyday life and entrepreneurship.<\/p><\/li><li><p class=\"translation-block\"><b>Our Promise:<\/b> Uncompromising quality, from initial design to final support.<\/p><\/li><\/ul><\/p>                        \n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <style>\n        \/* --- COOL IMAGE EFFECTS (Glassy Shine + Float) --- *\/\n        .cool-hover-img {\n            position: relative;\n            overflow: hidden;\n            border-radius: 12px;\n            transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n            z-index: 5;\n        }\n\n        .cool-hover-img img {\n            transition: transform 0.8s ease, filter 0.5s ease;\n            width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        \/* Shine Effect *\/\n        .cool-hover-img::before {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%;\n            width: 50%; height: 100%;\n            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%);\n            transform: skewX(-25deg);\n            z-index: 2;\n            pointer-events: none;\n            transition: 0s;\n        }\n\n        \/* Hover Actions *\/\n        .about-three__img-box-1:hover .cool-hover-img::before {\n            left: 150%;\n            transition: left 0.7s ease; \n        }\n\n        .about-three__img-box-1:hover .about-three__img-1 {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n        }\n\n        .about-three__img-box-1:hover .about-three__img-2 {\n            transform: translateX(10px) translateY(10px) scale(1.05);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n            z-index: 10; \n        }\n\n        .about-three__img-box-1:hover img {\n            filter: contrast(1.1) brightness(1.05);\n        }\n\n        \/* --- MOBILE FIXES --- *\/\n        @media (max-width: 991px) {\n            \/* \u0391\u03c0\u03cc\u03ba\u03c1\u03c5\u03c8\u03b7 \u03c4\u03bf\u03c5 \u03c0\u03b1\u03bb\u03b9\u03bf\u03cd happy clients \u03b1\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03b5\u03b9 *\/\n            .about-three__points-and-happy-clients { \n                display: none !important; \n            }\n        }\n    <\/style>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-57ed2f7 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"57ed2f7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c66bb0e\" data-id=\"c66bb0e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fafb8ad elementor-widget elementor-widget-html\" data-id=\"fafb8ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* Services Three: container \u03bd\u03b1 \u03c0\u03b9\u03ac\u03bd\u03b5\u03b9 85% \u03c4\u03b7\u03c2 \u03bf\u03b8\u03cc\u03bd\u03b7\u03c2 *\/\n.services-three .container{\n  max-width: 95vw !important;\n}\n\n\/* optional: \u03c3\u03b5 \u03c0\u03bf\u03bb\u03cd \u03bc\u03b5\u03b3\u03ac\u03bb\u03b5\u03c2 \u03bf\u03b8\u03cc\u03bd\u03b5\u03c2 \u03bc\u03b7 \u03b3\u03af\u03bd\u03b5\u03b9 \u03c5\u03c0\u03b5\u03c1\u03b2\u03bf\u03bb\u03b9\u03ba\u03ac \u03c6\u03b1\u03c1\u03b4\u03cd *\/\n@media (min-width: 2000px){\n  .services-three .container{\n    max-width: 1400px !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c62cc7b elementor-widget elementor-widget-pitoon-service\" data-id=\"c62cc7b\" data-element_type=\"widget\" id=\"services_section\" data-widget_type=\"pitoon-service.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t<!--Services Three Start-->\r\n\t<section class=\"services-three\">\r\n\t\t<div class=\"container\">\r\n\t\t\t\t\t\t\t<div class=\"section-title text-center\">\r\n\t\t\t\t\t<div class=\"section-title__tagline-box\">\r\n\t\t\t\t\t\t<span class=\"section-title__tagline\">Areas of Specialization<\/span>\t\t\t\t\t\t<div class=\"section-title__icon-box-1\">\r\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"section-title__icon-box-2\">\r\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<h2 class=\"section-title__title\">We turn complex challenges into functional products.<\/h2>\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t<!--Services Three Single Start-->\r\n\t\t\t\t\t<div class=\"col-xl-3 col-lg-3 col-md-6 wow fadeInUp\" data-wow-delay=\"100ms\">\r\n\t\t\t\t\t    \r\n\t\t\t\t\t\t<div class=\"services-three__single\">\r\n\t\t\t\t\t\t\t<div class=\"services-three__icon\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/services-three-icon-3.png\" alt=\"services-three-icon-3\" title=\"services-three-icon-3\" >\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h3 class=\"services-three__title translation-block\"><a class=\"\" href=\"https:\/\/c2s.gr\/en\/webdevelopment\/\" target=\"_self\">Website &amp; eShop Development<\/a><\/h3>\r\n\t\t\t\t\t\t\t<p class=\"services-three__tex\">Your digital image, upgraded with speed and contemporary aesthetics.<\/p>\t\t\t\t\t\t\t<ul class=\"services-three__points list-unstyled ml-0\">\r\n\t\t\t\t\t\t\t\t<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Unique UI\/UX Design<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>High-Speed e-Shop<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Logo &amp; Branding<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>SEO &amp; Optimization<\/p>\r\n    <\/div>\r\n<\/li>\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"services-three__plus-box\">\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/c2s.gr\/en\/webdevelopment\/\" class=\"services-three__plus\"><span aria-hidden=\"true\" class=\"icon-plus\"><\/span><\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--Services Three Single End-->\r\n\t\t\t\t\t\t\t\t\t<!--Services Three Single Start-->\r\n\t\t\t\t\t<div class=\"col-xl-3 col-lg-3 col-md-6 wow fadeInUp\" data-wow-delay=\"200ms\">\r\n\t\t\t\t\t    \r\n\t\t\t\t\t\t<div class=\"services-three__single\">\r\n\t\t\t\t\t\t\t<div class=\"services-three__icon\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/services-two-icon-4.png\" alt=\"services-two-icon-4\" title=\"services-two-icon-4\" >\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h3 class=\"services-three__title translation-block\"><a class=\"\" href=\"https:\/\/c2s.gr\/en\/dashboards\/\" target=\"_self\">Information Systems<\/a><\/h3>\r\n\t\t\t\t\t\t\t<p class=\"services-three__tex services-three__tex\">Software solutions tailored to your needs, for immediate information and guaranteed results.<\/p>\t\t\t\t\t\t\t<ul class=\"services-three__points list-unstyled ml-0\">\r\n\t\t\t\t\t\t\t\t<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Specialized Software<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Data Management<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>System Connection<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Cloud Services<\/p>\r\n    <\/div>\r\n<\/li>\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"services-three__plus-box\">\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/c2s.gr\/en\/dashboards\/\" class=\"services-three__plus\"><span aria-hidden=\"true\" class=\"icon-plus\"><\/span><\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--Services Three Single End-->\r\n\t\t\t\t\t\t\t\t\t<!--Services Three Single Start-->\r\n\t\t\t\t\t<div class=\"col-xl-3 col-lg-3 col-md-6 wow fadeInUp\" data-wow-delay=\"300ms\">\r\n\t\t\t\t\t    \r\n\t\t\t\t\t\t<div class=\"services-three__single\">\r\n\t\t\t\t\t\t\t<div class=\"services-three__icon\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/services-three-icon-1.png\" alt=\"services-three-icon-1\" title=\"services-three-icon-1\" >\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h3 class=\"services-three__title translation-block\"><a class=\"\" href=\"https:\/\/c2s.gr\/en\/hardware-iot\/\" target=\"_self\">Solutions<br>IoT Hardware<\/a><\/h3>\r\n\t\t\t\t\t\t\t<p class=\"services-three__tex services-three__tex services-three__tex\">Smart devices and sensors, designed for your needs.<\/p>\t\t\t\t\t\t\t<ul class=\"services-three__points list-unstyled ml-0\">\r\n\t\t\t\t\t\t\t\t<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Device Design<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Smart Sensors<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Device Programming<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Prototype Construction<\/p>\r\n    <\/div>\r\n<\/li>\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"services-three__plus-box\">\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/c2s.gr\/en\/hardware-iot\/\" class=\"services-three__plus\"><span aria-hidden=\"true\" class=\"icon-plus\"><\/span><\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--Services Three Single End-->\r\n\t\t\t\t\t\t\t\t\t<!--Services Three Single Start-->\r\n\t\t\t\t\t<div class=\"col-xl-3 col-lg-3 col-md-6 wow fadeInUp\" data-wow-delay=\"400ms\">\r\n\t\t\t\t\t    \r\n\t\t\t\t\t\t<div class=\"services-three__single\">\r\n\t\t\t\t\t\t\t<div class=\"services-three__icon\">\r\n\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/services-three-icon-2.png\" alt=\"services-three-icon-2\" title=\"services-three-icon-2\" >\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<h3 class=\"services-three__title translation-block\"><a class=\"\" href=\"https:\/\/c2s.gr\/en\/mobile-development\/\" target=\"_self\">Mobile Applications <br>iOS &amp; Android<\/a><\/h3>\r\n\t\t\t\t\t\t\t<p class=\"services-three__tex services-three__tex services-three__tex services-three__tex\">Fast and easy-to-use apps that your customers will love.<\/p>\t\t\t\t\t\t\t<ul class=\"services-three__points list-unstyled ml-0\">\r\n\t\t\t\t\t\t\t\t<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Flutter iOS &amp; Android<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Modern Design<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Smart Features<\/p>\r\n    <\/div>\r\n<\/li>\r\n<li>\r\n    <div class=\"icon\">\r\n        <span class=\"icon-down-right\"><\/span>\r\n    <\/div>\r\n    <div class=\"text\">\r\n        <p>Publication in Stores<\/p>\r\n    <\/div>\r\n<\/li>\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"services-three__plus-box\">\r\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/c2s.gr\/en\/mobile-development\/\" class=\"services-three__plus\"><span aria-hidden=\"true\" class=\"icon-plus\"><\/span><\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--Services Three Single End-->\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/section>\r\n\t<!--Services Three End-->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fc0414a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fc0414a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-01493e4\" data-id=\"01493e4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-05cf3cd elementor-widget elementor-widget-pitoon-choose\" data-id=\"05cf3cd\" data-element_type=\"widget\" data-widget_type=\"pitoon-choose.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <!--Why Choose Three Start-->\r\n    <section class=\"why-choose-three\">\r\n        <div class=\"why-choose-three__bg\" style=\"background-image: url(http:\/\/pitoonwp.pixydrops.com\/wp-content\/uploads\/2023\/05\/why-choose-three-bg.jpg);\"><\/div>\r\n        <div class=\"container\">\r\n            <div class=\"why-choose-three__top\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-xl-7 col-lg-7\">\r\n                        <div class=\"why-choose-three__left\">\r\n                            <div class=\"section-title text-left\">\r\n                                <div class=\"section-title__tagline-box\">\r\n                                    <span class=\"section-title__tagline\">WHY WE STAND OUT<\/span>                                    <div class=\"section-title__icon-box-1\">\r\n                                        <i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>                                        <i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>                                        <i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>                                    <\/div>\r\n                                    <div class=\"section-title__icon-box-2\">\r\n                                        <i aria-hidden=\"true\" class=\"fa fa-angle-right\"><\/i>                                        <i aria-hidden=\"true\" class=\"fa fa-angle-right\"><\/i>                                        <i aria-hidden=\"true\" class=\"fa fa-angle-right\"><\/i>                                    <\/div>\r\n                                <\/div>\r\n                                <h2 class=\"section-title__title\">Why choose C2S Digital Solutions?<\/h2>                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"col-xl-5 col-lg-5\">\r\n                        <div class=\"why-choose-three__right\">\r\n                            <p class=\"why-choose-three__text\">We are not just a technology provider, but your strategic partner. We combine technical excellence with business acumen, offering custom solutions that stand the test of time, protect your data, and deliver measurable results.<\/p>                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"why-choose-three__bottom\">\r\n                <div class=\"row\">\r\n                                            <div class=\"col-xl-3 col-lg-6 col-md-6 wow fadeInUp\" data-wow-delay=\"100ms\">\r\n                            <div class=\"why-choose-three__single\">\r\n                                <div class=\"why-choose-three__single-bg-1\" style=\"background-image: url(http:\/\/pitoonwp.pixydrops.com\/wp-content\/uploads\/2023\/05\/why-choose-three-single-bg-1.jpg);\">\r\n                                <\/div>\r\n                                <div class=\"why-choose-three__icon\">\r\n                                    <span aria-hidden=\"true\" class=\"icon-assurance\"><\/span>                                <\/div>\r\n                                <div class=\"why-choose-three__title\">\r\n                                    <h3>\r\n                                        <a class=\"\" href=\"\"  >Specialized Design<\/a>                                    <\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-3 col-lg-6 col-md-6 wow fadeInUp\" data-wow-delay=\"200ms\">\r\n                            <div class=\"why-choose-three__single\">\r\n                                <div class=\"why-choose-three__single-bg-1\" style=\"background-image: url(http:\/\/pitoonwp.pixydrops.com\/wp-content\/uploads\/2023\/05\/why-choose-three-single-bg-2.jpg);\">\r\n                                <\/div>\r\n                                <div class=\"why-choose-three__icon\">\r\n                                    <span aria-hidden=\"true\" class=\"icon-brainstorm\"><\/span>                                <\/div>\r\n                                <div class=\"why-choose-three__title\">\r\n                                    <h3>\r\n                                        <a class=\"\" href=\"\"  >Advanced Digital Systems<\/a>                                    <\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-3 col-lg-6 col-md-6 wow fadeInUp\" data-wow-delay=\"300ms\">\r\n                            <div class=\"why-choose-three__single\">\r\n                                <div class=\"why-choose-three__single-bg-1\" style=\"background-image: url(http:\/\/pitoonwp.pixydrops.com\/wp-content\/uploads\/2023\/05\/why-choose-three-single-bg-3.jpg);\">\r\n                                <\/div>\r\n                                <div class=\"why-choose-three__icon\">\r\n                                    <span aria-hidden=\"true\" class=\"icon-crm\"><\/span>                                <\/div>\r\n                                <div class=\"why-choose-three__title\">\r\n                                    <h3>\r\n                                        <a class=\"\" href=\"http:\/\/pitoonwp.pixydrops.com\/about\/\" target=\"_blank\" rel=\"noopener\">Data Security<\/a>                                    <\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-3 col-lg-6 col-md-6 wow fadeInUp\" data-wow-delay=\"400ms\">\r\n                            <div class=\"why-choose-three__single\">\r\n                                <div class=\"why-choose-three__single-bg-1\" style=\"background-image: url(http:\/\/pitoonwp.pixydrops.com\/wp-content\/uploads\/2023\/05\/why-choose-three-single-bg-4.jpg);\">\r\n                                <\/div>\r\n                                <div class=\"why-choose-three__icon\">\r\n                                    <span aria-hidden=\"true\" class=\"icon-agreement\"><\/span>                                <\/div>\r\n                                <div class=\"why-choose-three__title\">\r\n                                    <h3>\r\n                                        <a class=\"\" href=\"\"  >Reliable Technical Support<\/a>                                    <\/h3>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!--Why Choose Three End-->\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6803199 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6803199\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b64d67\" data-id=\"4b64d67\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e07854d elementor-widget elementor-widget-pitoon-project\" data-id=\"e07854d\" data-element_type=\"widget\" id=\"projects_section\" data-widget_type=\"pitoon-project.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<section id=\"project-three-e07854d\" class=\"project-three\">\r\n    <div class=\"project-three__shape-1\">\r\n        <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/project-three-shape-1.png\" alt=\"project-three-shape-1\" title=\"project-three-shape-1\" >    <\/div>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"section-title text-center\">\r\n            <div class=\"section-title__tagline-box\">\r\n                <span class=\"section-title__tagline\">OUR WORK<\/span>                <div class=\"section-title__icon-box-1\">\r\n                    <i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>                    <i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>                    <i aria-hidden=\"true\" class=\"fa fa-angle-left\"><\/i>                <\/div>\r\n                <div class=\"section-title__icon-box-2\">\r\n                    <i aria-hidden=\"true\" class=\"fa fa-angle-right\"><\/i>                    <i aria-hidden=\"true\" class=\"fa fa-angle-right\"><\/i>                    <i aria-hidden=\"true\" class=\"fa fa-angle-right\"><\/i>                <\/div>\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title__title\">Digital projects that create value and prospects<\/h2>        <\/div>\r\n\r\n                    <div class=\"project-three__filter-box\">\r\n                <ul class=\"project-three__filter style1 post-filter list-unstyled clearfix\">\r\n                    <li data-filter=\".filter-item\" class=\"active\">\r\n                        <span class=\"filter-text\">All<\/span>\r\n                    <\/li>\r\n                                            <li data-filter=\".Platforms\">\r\n                            <span class=\"filter-text\">Information Systems<\/span>\r\n                        <\/li>\r\n                                            <li data-filter=\".Websites\">\r\n                            <span class=\"filter-text\">Websites &amp; Branding<\/span>\r\n                        <\/li>\r\n                                            <li data-filter=\".MobileApps\">\r\n                            <span class=\"filter-text\">Mobile Apps<\/span>\r\n                        <\/li>\r\n                                    <\/ul>\r\n            <\/div>\r\n        \r\n        <div class=\"row filter-layout masonary-layout\">\r\n                                            <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Platforms\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"Paragov\"\r\n                         data-p3-cat=\"Platforms\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_paragov-web-scaled.webp\"\r\n                         data-p3-url=\"\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"0\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_paragov-web-scaled.webp\" alt=\"c2s\" title=\"mockup_paragov web\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Platforms<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"\"  >Paragov<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"#\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p class=\"translation-block\">Paragov is a modern platform that connects directly to the National Transparency Program, providing organizations and users with advanced tools for searching, monitoring, and analyzing all officially published public sector decisions.<\/p><p class=\"translation-block\"><strong>What it offers:<\/strong><br>\u2022 <strong>Search &amp; Alerts:<\/strong> Easily find decisions and create automatic alerts for issues relevant to your organization. <br>\u2022 <strong>Statistical Analysis:<\/strong> Complete overview with data on number of decisions, types, bodies, and time series.<br>\u2022 <strong>Data Export:<\/strong> Ability to export to PDF\/Excel and manage search history. <br>\u2022 <strong>Updates:<\/strong> Periodic updates via email tailored to the user's profile.<\/p><p class=\"translation-block\"><strong>How it works:<\/strong><br>The process is simple and secure: The administrator creates your account, followed by email verification and the setting of a personal password. When you log in for the first time, your details are confirmed and you accept the terms of use, ensuring personalized and secure access.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Platforms\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"MassParaGov\"\r\n                         data-p3-cat=\"Platforms\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_massparagov-1-scaled.webp\"\r\n                         data-p3-url=\"\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"0\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_massparagov-1-scaled.webp\" alt=\"mockup_massparagov (1)\" title=\"mockup_massparagov (1)\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Platforms<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"\"  >MassParaGov<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"#\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p class=\"translation-block\">MassParagov is a comprehensive mass notification and contact management information system designed for organizations that need reliable, targeted, and large-scale communication. It utilizes modern technologies (email, SMS, Viber, WhatsApp) and advanced personalization mechanisms to ensure that each message reaches the right recipient with precision.<\/p><p class=\"translation-block\"><strong>What it offers:<\/strong><br>\u2022 <strong>Mass messaging:<\/strong> Thousands of messages sent simultaneously, with support for dynamic content and automatic variables. \u2022 <strong>Advanced contact management:<\/strong> Import from Excel, manual entry, or fully automated updates via API from other information systems. <br>\u2022 <strong>Grouping &amp; tags:<\/strong> Create lists, categories, tags, and personalized notes for complete control of your database. <br>\u2022 <strong>Smart targeting filters:<\/strong> Ability to select recipients based on characteristics, groups, behaviors, or previous campaign history. <br>\u2022 <strong>Detailed statistics:<\/strong> Track opens, clicks, bounces, response times, and overall campaign effectiveness. <br>\u2022 <strong>Automation scenarios:<\/strong> Workflows for automated communication and notifications.<\/p><p class=\"translation-block\"><strong>How it works:<\/strong><br>The user enters their contacts, creates campaigns using a simple and user-friendly editor, and schedules the mailing. The system takes care of secure delivery, manages any failed deliveries, and provides real-time updates on progress. Ideal for newsletters, staff updates, students, partners, and mass communication of all kinds.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Platforms\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"eSmartComp\"\r\n                         data-p3-cat=\"Platforms\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_esmartcomp-scaled.webp\"\r\n                         data-p3-url=\"https:\/\/esmartcomp.gr\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_esmartcomp-scaled.webp\" alt=\"mockup_esmartcomp\" title=\"mockup_esmartcomp\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Platforms<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/esmartcomp.gr\/\" >eSmartComp<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/esmartcomp.gr\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p class=\"translation-block\">eSmartComp is an innovative digital platform for skills assessment and career guidance, which uses scientifically proven methods and artificial intelligence to highlight each individual's unique profile.<\/p><p class=\"translation-block\"><strong>What it offers:<\/strong><br>\u2022 <strong>Scientific Assessment:<\/strong> A comprehensive 84-question test (with text, images, diagrams, and case studies) that analyzes 28 different skill categories. <br>\u2022 <strong>Personalized Reports:<\/strong> Detailed recording of strengths and weaknesses with personal recommendations for improvement. \u2022 Career Guidance: Matching the user's profile with appropriate career directions, ideal for students and professionals redefining their careers. \u2022 Enterprise Tools: Specialized solutions for employers and educational institutions seeking to find the right candidate or assess skills on a large scale.<\/p><p class=\"translation-block\"><strong>How it works:<\/strong><br>The user (individual or candidate) completes the skills test online. The system uses advanced algorithms and mathematical models to process the answers and immediately generate a detailed report. This includes an assessment of skills, suggested career paths, and development advice, helping users make informed decisions about their future.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Platforms\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"upCropSolutions\"\r\n                         data-p3-cat=\"Platforms\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_upcropsolutions-scaled.webp\"\r\n                         data-p3-url=\"\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"0\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_upcropsolutions-scaled.webp\" alt=\"mockup_upcropsolutions\" title=\"mockup_upcropsolutions\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Platforms<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"\"  >upCropSolutions<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"#\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p class=\"translation-block\">UpCrop Solutions is a practical digital farm management tool designed to help producers organize their daily activities. It offers complete control over crops, expenses, and tasks, simplifying the management of agricultural businesses.<\/p><p class=\"translation-block\"><strong>What it offers:<\/strong><br>\u2022 <strong>Digital Farm File:<\/strong> Complete history and mapping for each individual plot of land, with all crop data. <br>\u2022 <strong>Task Organization:<\/strong> Planning and recording of daily activities (e.g., fertilization, pruning, spraying) for better time management. <br>\u2022 <strong>Warehouse &amp; Supply Management:<\/strong> Monitoring of stocks of medicines, fertilizers, and seeds to avoid shortages. <br>\u2022 <strong>Financial Monitoring:<\/strong> Record income and expenses per crop for a clear picture of profitability. <br>\u2022 <strong>Production Reports:<\/strong> Aggregate harvest and yield data for making the right decisions for the next season.<\/p><p class=\"translation-block\"><strong>How it works:<\/strong><br>The producer registers their fields in the application and keeps a digital log of every action they take in the field. The platform collects the data, calculates the costs, and provides a clear picture of the farm, helping the farmer to be organized and compliant with their obligations.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Platforms\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"StrataForAll\"\r\n                         data-p3-cat=\"Platforms\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_strataforall-scaled.webp\"\r\n                         data-p3-url=\"http:\/\/strataforall.com\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_strataforall-scaled.webp\" alt=\"mockup_strataforall\" title=\"mockup_strataforall\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Platforms<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"http:\/\/strataforall.com\/\" >StrataForAll<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"http:\/\/strataforall.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p class=\"translation-block\">Strata For All is a comprehensive accessibility and social networking platform designed to make everyday life easier for people with disabilities (PWD), caregivers, and volunteers by promoting inclusion and safe mobility in cities.<\/p><p class=\"translation-block\"><strong>What it offers:<\/strong><br>\u2022 <strong>Interactive Accessibility Map:<\/strong> Locate and view accessible routes and points of interest (e.g., ramps, suitable spaces) with filters and community ratings. \u2022 <strong>Connection with Caregivers:<\/strong> Ability to live track the location of caregivers or protected members (with explicit permission) for increased safety. <br>\u2022 <strong>SOS Alert:<\/strong> Emergency feature that allows the user to immediately send a distress signal to their loved ones. <br>\u2022 <strong>Smart Navigation:<\/strong> Step-by-step navigation instructions tailored for pedestrians, cyclists, and wheelchair users, with voice guidance and vibrations. <br>\u2022 <strong>Accessibility Plugin:<\/strong> Built-in app customization tools (dyslexia font, high contrast, text size change) for a personalized user experience.<\/p><p class=\"translation-block\"><strong>How it works:<\/strong><br>The user installs the app and creates a profile based on their role (person with disabilities, caregiver, volunteer). They can search for destinations, view accessibility reviews, and start navigating. At the same time, the community and partner organizations (municipalities, regions) constantly update the map, validating new locations and reporting problems, creating a reliable information network.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Platforms\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"AsthmaFit\"\r\n                         data-p3-cat=\"Platforms\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_asthmafit-scaled.webp\"\r\n                         data-p3-url=\"https:\/\/respibit.com\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mockup_asthmafit-scaled.webp\" alt=\"mockup_asthmafit\" title=\"mockup_asthmafit\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Platforms<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/respibit.com\/\" >AsthmaFit<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/respibit.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p class=\"translation-block\">AsthmaFit is an innovative preventive asthma management system that combines a wearable device with a smart app. Its goal is to predict attacks and improve patients' quality of life by analyzing environmental and personal data.<\/p><p class=\"translation-block\"><strong>What it offers:<\/strong><br>\u2022 <strong>Smart Environmental Monitoring:<\/strong> The portable device has advanced sensors that detect environmental pollutants and factors that trigger asthma attacks. <br>\u2022 <strong>Real-Time Prediction:<\/strong> It uses artificial intelligence (AI\/ML) algorithms to analyze exposure to pollutants and predict the risk of an attack for the following day. <br>\u2022 <strong>Easy Symptom Tracking:<\/strong> Through the app, users track their symptoms daily with 5 simple entries, creating a complete history. <br>\u2022 <strong>Personalized Risk Maps:<\/strong> Combines exposure data with symptom history to create personalized maps of environmental triggers. \u2022 Collective Intelligence: The system learns from multiple user data to continuously improve the accuracy of predictions.<\/p><p class=\"translation-block\"><strong>How it works:<\/strong><br>The user wears the AsthmaFit device, which automatically records environmental pollutants. At the same time, they enter a brief report of their symptoms into the app every day. The software analyzes correlations between environmental exposure and the user's health, providing timely predictions and instructions for avoiding attacks.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Websites\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"eSmartComp\"\r\n                         data-p3-cat=\"Websites\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/esmartcomp.webp\"\r\n                         data-p3-url=\"https:\/\/esmartcomp.gr\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/esmartcomp.webp\" alt=\"esmartcomp\" title=\"esmartcomp\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Websites<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/esmartcomp.gr\/\" >eSmartComp<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/esmartcomp.gr\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"3\" class=\"translation-block\">eSmartComp is an innovative digital platform that focuses on scientific skills assessment and career guidance. Acting as a comprehensive hub for upskilling and reskilling, the platform helps users discover their unique skill set and unlock new opportunities in the job market. Through a modern e-commerce approach, users can choose assessment packages that suit their needs, gaining access to specialized self-improvement tools.<\/p><p data-path-to-node=\"4\">The eSmartComp methodology is based on internationally recognized scientific models of behavior and performance. The platform delves into seven core competency pillars, which are further broken down into 28 specific skills. This multi-level mapping allows the platform to offer a detailed and reliable analysis of each user's professional profile, surpassing the standardized and superficial assessments of the past.<\/p><p data-path-to-node=\"5\">The assessment experience is dynamic and based on advanced algorithms. From a pool of 252 questions, the system selects 84 targeted scenarios that include text, images, and case studies, ensuring maximum accuracy in the results. This process is designed to test the user's judgment and skills in realistic environments, making the test a powerful testament to their soft skills for any resume or job interview.<\/p><p data-path-to-node=\"6\">One of the most important advantages of eSmartComp is the dynamic report generated upon completion of the process. The user does not simply receive a score, but a complete roadmap for development that includes conclusions and personalized recommendations for improvement for each skill. This personalized report serves as a guide for filling professional gaps, boosting the individual's confidence and readiness for the next step in their career.<\/p><p data-path-to-node=\"7\">The platform is aimed at a wide range of audiences, offering specialized solutions for each category. From pupils and students looking for the right course of study, to unemployed people seeking immediate professional rehabilitation and professionals aiming for advancement. At the same time, it provides valuable data to employers and HR executives (Enterprise solutions), allowing them to evaluate candidates using objective criteria and identify talent that perfectly matches the needs of their business.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Websites\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"Nausis M&amp;H Services\"\r\n                         data-p3-cat=\"Websites\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/nausismhservices.webp\"\r\n                         data-p3-url=\"http:\/\/nausismhservices.com\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/nausismhservices.webp\" alt=\"nausismhservices\" title=\"nausismhservices\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Websites<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"http:\/\/nausismhservices.com\/\" >Nausis M&amp;H Services<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"http:\/\/nausismhservices.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"4\" class=\"translation-block\">Nausis M&amp;H Services is a specialized boutique consulting firm based in Saronida, Greece, created with a clear mission: to bridge the gap between the worlds of shipping and tourism. based in Saronida, Greece, created with a clear mission: to bridge the gap between the worlds of shipping and tourism. Acting as a trusted advisor to hotel owners, yacht managers, and industry professionals, the company helps identify new opportunities, optimize operations, and deliver memorable hospitality experiences.<\/p><p data-path-to-node=\"5\">Nausis' philosophy is based on creating real value where excellent service meets strategic thinking and innovation. With an approach that combines deep market knowledge with discretion and professionalism, the company builds long-term partnerships that go beyond the boundaries of traditional consulting. Each project is designed exclusively around the client's needs, offering personalized strategies that turn challenges into measurable results.<\/p><p data-path-to-node=\"6\">In the shipping sector, Nausis M&amp;H Services works closely with shipowners, managers, and international partners, providing support in critical areas such as crew recruitment, regulatory compliance, and technical support. The company's experience ensures that vessel and shipping company operations remain efficient and up-to-date, meeting the high demands of the global shipping market.<\/p><p data-path-to-node=\"7\">At the same time, in the hospitality sector, the company supports boutique hotels and luxury resorts, focusing on improving the guest experience and business development. From finding specialized staff to strategic market positioning, Nausis ensures that every partnership translates into growth and upgraded services. The connection between the two sectors allows for the transfer of best practices from luxury shipping to the hotel market and vice versa.<\/p><p data-path-to-node=\"8\">With an extensive network of trusted partners stretching from Europe to Asia, Nausis M&amp;H Services brings an international perspective to everything it does. Focusing on people through training and staff empowerment, the company does not simply provide advice, but actively participates in shaping standards that redefine the concept of quality and reliability in modern service provision worldwide.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Websites\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"StrataForAll\"\r\n                         data-p3-cat=\"Websites\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/strataforall.webp\"\r\n                         data-p3-url=\"http:\/\/strataforall.com\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/strataforall.webp\" alt=\"strataforall\" title=\"strataforall\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Websites<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"http:\/\/strataforall.com\/\" >StrataForAll<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"http:\/\/strataforall.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"4\" class=\"translation-block\">StrataForAll is an innovative digital platform that aims to promote cultural heritage through the lens of inclusion and universal accessibility. Focusing on the user and the needs of people with mobility difficulties, the platform transforms traditional events and cultural activities into an experience accessible to all. The project was born with the vision of integrating cutting-edge technology into the social fabric, ensuring that tradition remains alive and inclusive.<\/p><p data-path-to-node=\"5\" class=\"translation-block\">The platform has won significant awards, such as the EcoCarnival Business Challenge, highlighting the need for an \"Inclusive Lantern.\" The application focuses on providing real-time information on the accessibility of venues where traditional customs are performed, such as the \"Lanterns\" of Kozani, allowing every citizen and visitor to actively participate without barriers. Through StrataForAll, cultural identity meets social responsibility, creating a new standard for modern cultural events.<\/p><p data-path-to-node=\"6\" class=\"translation-block\">At the core of StrataForAll's operation is the creation of smart digital accessibility maps and the provision of detailed instructions for safe routes within the urban fabric. Users can learn about infrastructure, terrain gradients, and points of interest that are wheelchair-friendly or accessible to people with limited mobility. This \"Mobile-First\" approach ensures that information is available at all times, enhancing the autonomy and active participation of vulnerable social groups in social life.<\/p><p data-path-to-node=\"7\" class=\"translation-block\">Beyond technical excellence, StrataForAll has a profound social impact, promoting sustainable tourism development and social cohesion. It encourages the connection of youth innovation with local communities, demonstrating that technology can act as a catalyst for breaking down barriers and discrimination. The project is supported by major business accelerators, confirming its strategic importance for the digital transition towards a more equitable and accessible society.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Websites\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"Hult Prize at UoWM\"\r\n                         data-p3-cat=\"Websites\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/hulltprize.webp\"\r\n                         data-p3-url=\"https:\/\/hultprize.uowm.gr\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/hulltprize.webp\" alt=\"hulltprize\" title=\"hulltprize\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Websites<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/hultprize.uowm.gr\/\" >Hult Prize at UoWM<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/hultprize.uowm.gr\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"4\" class=\"translation-block\">The <b data-path-to-node=\"4\" data-index-in-node=\"3\">Hult Prize at UoWM<\/b> is the local branch of the global student social entrepreneurship competition at the University of Western Macedonia. The initiative focuses on motivating students to design sustainable business models that aim to solve critical global challenges. Each proposal developed within the framework of the competition must be aligned with the United Nations Sustainable Development Goals (SDGs), combining business profitability with positive social impact.<\/p><p data-path-to-node=\"5\">The process includes a comprehensive support program for participants, with specialized workshops and mentoring sessions led by experienced mentors and market professionals. The University of Western Macedonia stands out as the only Greek institution that consistently hosts the official OnCampus program, providing its students with an extroverted advantage and the opportunity to develop leadership and strategic planning skills in real market conditions.<\/p><p data-path-to-node=\"6\">The culmination of the event is the presentation of ideas to a judging panel, where the winning team secures qualification for the next stages of the international competition. With a steady presence at global summits and international evaluations, the Hult Prize at UoWM acts as a catalyst for transforming academic ideas into practical solutions, competing for significant funding for the implementation of startups that aspire to bring about meaningful change in society.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Websites\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"Tsagariko Rooms\"\r\n                         data-p3-cat=\"Websites\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/tsagarikorooms_screen.webp\"\r\n                         data-p3-url=\"https:\/\/tsagarikorooms.com\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/tsagarikorooms_screen.webp\" alt=\"tsagarikorooms_screen\" title=\"tsagarikorooms_screen\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Websites<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/tsagarikorooms.com\/\" >Tsagariko Rooms<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/tsagarikorooms.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"4\" class=\"translation-block\">Tsagariko Rooms is a unique accommodation in Pramanta, Ioannina, housed in a historic stone building dating back to 1896. In the past, the building served as the village's tsagariko, from which it derives its name. Today, after careful and meticulous restoration by the Kostis family, it has been transformed into a warm and welcoming place to stay, which respects the architectural heritage of the area and the traditions of the Tzoumerka region.<\/p><p data-path-to-node=\"5\">The architecture of the accommodation is characterized by the predominance of stone and wood, creating an atmosphere that combines historical memory with modern comforts. Tsagariko Rooms offers a fully equipped environment, ideal for families and groups of friends seeking the tranquility and fresh air of the mountains. Despite its traditional form, the accommodation provides all modern amenities, such as free WiFi, a fully equipped kitchen, and a well-kept garden for moments of relaxation.<\/p><p data-path-to-node=\"6\">Its location is privileged, as it is only 100 meters from the central square of Pramanta, offering direct access to the local market and the picturesque taverns of the village. At the same time, it is the ideal base for exploring the natural treasures of the area, with the \"Anemotrypa\" less than a kilometer away, while nearby are trails leading to waterfalls and the imposing peaks of Tzoumerka.<\/p><p data-path-to-node=\"7\">The experience at Tsagariko Rooms goes beyond a simple stay, offering guests a genuine connection with the authenticity and history of the region. The warm hospitality, attention to detail, and preservation of the traditional elements of the old workshop make this accommodation a unique destination. It is the ideal choice for those who wish to experience the tradition of Ioannina in an environment that exudes respect for the past and comfort in the present.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Websites\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"SynodiGo\"\r\n                         data-p3-cat=\"Websites\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/synodigo.webp\"\r\n                         data-p3-url=\"https:\/\/synodigo.gr\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/synodigo.webp\" alt=\"synodigo\" title=\"synodigo\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Websites<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/synodigo.gr\/\" >SynodiGo<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/synodigo.gr\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"4\" class=\"translation-block\">SynodiGO is an innovative digital carpooling platform that is set to radically change the way we travel. By connecting drivers and passengers heading to the same destination, the app offers a smart, fast, and economical alternative for daily commutes. Its goal is to transform every trip into an experience based on trust, shared action, and resource conservation, making mobility more human and accessible.<\/p><p data-path-to-node=\"5\" class=\"translation-block\">The platform's operation focuses on absolute ease of use and efficiency through a user-friendly environment. In just a few steps, users can set their starting point and destination, locate available drivers, and make a reservation in real time. SynodiGO's <b data-path-to-node=\"5\" data-index-in-node=\"317\">smart matching<\/b> system ensures that each route is organized with precision, while the ability to communicate directly and track the vehicle's progress provides confidence and control from start to finish.<\/p><p data-path-to-node=\"6\" class=\"translation-block\">Security and transparency are the cornerstones of the application. In collaboration with Didit, SynodiGO incorporates a modern KYC (Know Your Customer) identification system, where each profile is verified with real data and OTP codes. (Know Your Customer) system, where each profile is verified with real data and OTP codes. This rigorous driver and passenger verification process ensures an environment of absolute reliability, allowing community members to travel with confidence, knowing that the security of their data and transportation is a top priority.<\/p><p data-path-to-node=\"7\">Beyond the financial benefits, SynodiGO promotes a more sustainable and eco-friendly lifestyle. By sharing rides, the number of vehicles on the road is reduced, leading to a significant reduction in CO\u2082 emissions and traffic congestion. The fair distribution of travel costs allows users to reduce their transportation expenses without sacrificing comfort, while contributing to environmental protection and strengthening social cohesion through user interaction.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Websites\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"Ergotherapeftis\"\r\n                         data-p3-cat=\"Websites\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/ergotherapeftis.webp\"\r\n                         data-p3-url=\"https:\/\/ergotherapeftis.gr\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/ergotherapeftis.webp\" alt=\"ergotherapeftis\" title=\"ergotherapeftis\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Websites<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/ergotherapeftis.gr\/\" >Ergotherapeftis<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/ergotherapeftis.gr\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"4\" class=\"translation-block\">Christos Kapetouris is a renowned occupational therapist (BSc, MSc) with extensive expertise in pediatric and adolescent rehabilitation. With an academic background that includes postgraduate studies (MSc) in <b data-path-to-node=\"4\" data-index-in-node=\"204\">Pediatric Neurological Rehabilitation from the University of Oxford<\/b>, Mr. Kapetouris combines scientific excellence with clinical experience. His approach focuses on the application of modern therapeutic methods aimed at improving the quality of life of children and their families.<\/p><p data-path-to-node=\"5\" class=\"translation-block\">His professional career has been characterized by a focus on intervention and rehabilitation for individuals with developmental, neurological, and behavioral difficulties. He has extensive experience in managing cases related to the <b data-path-to-node=\"5\" data-index-in-node=\"228\">Autism Spectrum Disorder (ASD)<\/b>, &lt;b data-path-to-node=&quot;5&quot; data-index-in-node=&quot;257&quot; ADHD, as well as motor and sensory disorders. Through his collaboration with leading institutions and treatment centers in Thessaloniki, he has developed a holistic understanding of each child&#039;s needs, offering personalized treatment plans.<\/p><p data-path-to-node=\"6\" class=\"translation-block\">Particular emphasis is placed on strengthening social skills and executive functions through <b data-path-to-node=\"6\" data-index-in-node=\"103\">organized group programs<\/b>. At the same time, his specialization in <b data-path-to-node=\"6\" data-index-in-node=\"172\">Applied Behavior Analysis (ABA)<\/b> allows him to intervene effectively in cases of emotional dysregulation and childhood aggression. His therapeutic practice is not limited to the session, but extends to supporting the child in order to functionally integrate into their social and school environment.<\/p><p data-path-to-node=\"7\" class=\"translation-block\">The range of services covers advanced techniques such as Sensory Integration and the integration of motor and sports activities for people with disabilities. Mr. Kapetouris believes in the power of movement and sports as a means of therapy and socialization, adapting activities to each individual's specific abilities. His ongoing scientific training ensures that his interventions remain at the forefront of modern occupational therapy.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item Websites\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"kchristophoridis\"\r\n                         data-p3-cat=\"Websites\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/kchristophoridis.webp\"\r\n                         data-p3-url=\"https:\/\/kchristoforidis.com\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/kchristophoridis.webp\" alt=\"kchristophoridis\" title=\"kchristophoridis\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">Websites<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/kchristoforidis.com\/\" >kchristophoridis<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/kchristoforidis.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"1\">\u039f <b data-path-to-node=\"1\" data-index-in-node=\"2\">\u039a\u03c9\u03bd\u03c3\u03c4\u03b1\u03bd\u03c4\u03af\u03bd\u03bf\u03c2 \u03a7\u03c1\u03b9\u03c3\u03c4\u03bf\u03c6\u03bf\u03c1\u03af\u03b4\u03b7\u03c2<\/b>, \u03b5\u03af\u03bd\u03b1\u03b9\u00a0<b data-path-to-node=\"1\" data-index-in-node=\"196\">\u0394\u03b9\u03c0\u03bb\u03c9\u03bc\u03b1\u03c4\u03bf\u03cd\u03c7\u03bf\u03c2 \u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bb\u03cc\u03b3\u03bf\u03c2 \u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03cc\u03c2 \u03ba\u03b1\u03b9 \u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03cc\u03c2 \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ce\u03bd. <\/b>\u0397 \u03b5\u03be\u03b5\u03b9\u03b4\u03af\u03ba\u03b5\u03c5\u03c3\u03ae \u03c4\u03bf\u03c5 \u03c3\u03b5 \u03c4\u03bf\u03bc\u03b5\u03af\u03c2 \u03b1\u03b9\u03c7\u03bc\u03ae\u03c2, \u03cc\u03c0\u03c9\u03c2 \u03b7 <b data-path-to-node=\"2\" data-index-in-node=\"43\">\u0391\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u0394\u03b5\u03b4\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd (Data Science)<\/b>, \u03b7 <b data-path-to-node=\"2\" data-index-in-node=\"79\">\u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03ae \u039c\u03ac\u03b8\u03b7\u03c3\u03b7 (Deep Learning)<\/b> \u03ba\u03b1\u03b9 \u03b7 \u03b1\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7 custom mobile \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd, \u03b4\u03af\u03bd\u03b5\u03b9 \u03c3\u03c4\u03b1 \u03ad\u03c1\u03b3\u03b1 \u03bc\u03b1\u03c2 \u03ad\u03bd\u03b1 \u03c3\u03c5\u03b3\u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03cc \u03c0\u03bb\u03b5\u03bf\u03bd\u03ad\u03ba\u03c4\u03b7\u03bc\u03b1 \u03ba\u03b1\u03b9\u03bd\u03bf\u03c4\u03bf\u03bc\u03af\u03b1\u03c2. \u039c\u03b5 \u03c4\u03b7 \u03c6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 <b data-path-to-node=\"2\" data-index-in-node=\"226\">\u00abOne Innovative Solution at a Time\u00bb.<\/b><\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item MobileApps\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"SynodiGo Mobile App\"\r\n                         data-p3-cat=\"MobileApps\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mobile_app_synodigo.webp\"\r\n                         data-p3-url=\"https:\/\/synodigo.gr\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mobile_app_synodigo.webp\" alt=\"mobile_app_synodigo\" title=\"mobile_app_synodigo\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">MobileApps<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/synodigo.gr\/\" >SynodiGo Mobile App<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/synodigo.gr\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"3\" class=\"translation-block\">The SynodiGO app is a modern carpooling solution that connects drivers and passengers with a common destination, drastically reducing transportation costs and environmental impact. Through an extremely user-friendly interface, the platform allows users to find routes in real time, intelligently match users, and fairly distribute expenses, making every trip more affordable and social.<\/p><p data-path-to-node=\"4\" class=\"translation-block\">Security is at the core of the application, which incorporates advanced KYC (Know Your Customer) identification systems and verification via OTP codes. With features such as instant chat, member ratings, and live route tracking, SynodiGO creates a community of trust, offering complete transparency and control to both drivers and passengers.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item MobileApps\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"StrataForAll Mobile App\"\r\n                         data-p3-cat=\"MobileApps\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mobile_app_section_v2.webp\"\r\n                         data-p3-url=\"https:\/\/strataforall.com\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mobile_app_section_v2.webp\" alt=\"mobile_app_section_v2\" title=\"mobile_app_section_v2\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">MobileApps<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/strataforall.com\/\" >StrataForAll Mobile App<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/strataforall.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"7\" class=\"translation-block\">StrataForAll is an innovative application that focuses on enhancing the autonomy of individuals with mobility difficulties and the safety of vulnerable social groups. The platform acts as a digital support hub, connecting users to a <b data-path-to-node=\"7\" data-index-in-node=\"264\">network of caregivers<\/b> and providing critical tools such as immediate assistance (SOS) and real-time emergency contact location.<\/p><p data-path-to-node=\"8\" class=\"translation-block\">By incorporating smart maps and geolocation features, the app allows users to safely navigate the urban landscape and actively participate in cultural and social events. C2S designed StrataForAll with <b data-path-to-node=\"8\" data-index-in-node=\"251\">maximum usability<\/b>, ensuring that access to information and assistance is immediate and simplified, promoting a future without digital and physical exclusion.<\/p>                    <\/div>\r\n                <\/div>\r\n                                                <div class=\"col-xl-4 col-lg-6 col-md-6 filter-item MobileApps\">\r\n                    <div class=\"project-three__single\"\r\n                         data-p3-title=\"AsthmaFit Mobile App\"\r\n                         data-p3-cat=\"MobileApps\"\r\n                         data-p3-img=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mobile_app_asthmafit.webp\"\r\n                         data-p3-url=\"https:\/\/respibit.com\/\"\r\n                         data-p3-cta=\"\u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1\"\r\n                         data-p3-external=\"1\"\r\n                         data-p3-nofollow=\"1\"\r\n                         >\r\n\r\n                        <div class=\"project-three__img-box\">\r\n                            <div class=\"project-three__img\">\r\n                                <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/mobile_app_asthmafit.webp\" alt=\"mobile_app_asthmafit\" title=\"mobile_app_asthmafit\" >                            <\/div>\r\n                            <div class=\"project-three__content\">\r\n                                <p class=\"project-three__sub-title\">MobileApps<\/p>\r\n                                <h3 class=\"project-three__title\">\r\n                                    <a class=\"\" href=\"https:\/\/respibit.com\/\" >AsthmaFit Mobile App<\/a>                                <\/h3>\r\n                            <\/div>\r\n                                                            <div class=\"project-three__icon\">\r\n                                    <a class=\"project-three__open\" href=\"https:\/\/respibit.com\/\" target=\"_blank\" rel=\"noopener\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-right-arrow\"><\/span>                                    <\/a>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                    <div class=\"p3-hidden-desc\" style=\"display:none;\">\r\n                        <p data-path-to-node=\"11\" class=\"translation-block\">AsthmaFit is a specialized Health-Tech solution that helps asthma patients monitor and improve their health on a daily basis. The app connects via Bluetooth to medical devices (IoT integration), collecting data in real time and allowing the user to have a complete picture of their respiratory function through detailed graphs and statistics.<\/p><p data-path-to-node=\"12\" class=\"translation-block\">The platform offers advanced features such as risk analysis and an environmental map, which inform the user about external factors that may affect their condition. With the ability to record daily symptoms and create personalized reports, AsthmaFit turns your smartphone into a powerful medical tool, enhancing collaboration between patient and physician.<\/p>                    <\/div>\r\n                <\/div>\r\n                        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"p3-modal p3-modal--side\" id=\"project-three-e07854d-modal\" aria-hidden=\"true\">\r\n        <div class=\"p3-modal__overlay\" data-p3-close><\/div>\r\n\r\n        <div class=\"p3-modal__dialog\" role=\"dialog\" aria-modal=\"true\">\r\n            <button class=\"p3-modal__close\" type=\"button\" aria-label=\"Close\" data-p3-close><\/button>\r\n\r\n            <div class=\"p3-modal__grid\">\r\n                <div class=\"p3-modal__media\">\r\n                    <img decoding=\"async\" class=\"p3-modal__img\" src=\"\" alt=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"p3-modal__body\">\r\n                    <p class=\"p3-modal__cat\"><\/p>\r\n                    <h3 class=\"p3-modal__title\"><\/h3>\r\n                    <div class=\"p3-modal__desc\"><\/div>\r\n\r\n                    <a class=\"thm-btn p3-modal__cta\" href=\"#\" target=\"_self\" rel=\"\">View<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        \/* --- Animation Keyframes --- *\/\r\n        @keyframes modalFadeIn {\r\n            from { opacity: 0; transform: translateY(20px) scale(0.98); }\r\n            to { opacity: 1; transform: translateY(0) scale(1); }\r\n        }\r\n        @keyframes overlayFadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n\r\n        \/* --- Main Modal Container --- *\/\r\n        .p3-modal {\r\n            position: fixed; inset: 0; display: none; z-index: 999999;\r\n            transition: visibility 0s linear 0.3s, opacity 0.3s;\r\n            align-items: center; justify-content: center;\r\n            padding: 20px; overflow-y: auto; \r\n        }\r\n        .p3-modal.is-open { display: flex; }\r\n\r\n        \/* --- Glassy Overlay --- *\/\r\n        .p3-modal__overlay {\r\n            position: fixed; inset: 0;\r\n            background: rgba(0, 0, 0, 0.4); \/* \u0391\u03c0\u03b1\u03bb\u03cc \u03bc\u03b1\u03cd\u03c1\u03bf *\/\r\n            backdrop-filter: blur(4px); \/* \u0391\u03c0\u03b1\u03bb\u03cc \u03b8\u03cc\u03bb\u03c9\u03bc\u03b1 *\/\r\n            -webkit-backdrop-filter: blur(4px);\r\n            animation: overlayFadeIn 0.3s ease-out forwards;\r\n        }\r\n\r\n        \/* --- Glassy Dialog Box --- *\/\r\n        .p3-modal__dialog {\r\n            position: relative;\r\n            margin: auto; \r\n            max-height: 90vh;\r\n            display: flex; flex-direction: column;\r\n            background: rgba(4, 23, 26, 0.65);\r\n            backdrop-filter: blur(20px) saturate(180%);\r\n            -webkit-backdrop-filter: blur(20px) saturate(180%);\r\n            border: 1px solid rgba(255, 255, 255, 0.12);\r\n            box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.3);\r\n            color: #fff;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            animation: modalFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n            \r\n            \/* Default Width (Side Layout) *\/\r\n            width: min(1100px, 100%);\r\n        }\r\n\r\n        \/* --- Close Button --- *\/\r\n        .p3-modal__close {\r\n            position: absolute; top: 16px; right: 16px; width: 40px; height: 40px;\r\n            border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2);\r\n            background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(4px);\r\n            color: rgba(255, 255, 255, 0.8); cursor: pointer; z-index: 10;\r\n            display: grid; place-items: center; transition: all 0.3s ease;\r\n        }\r\n        .p3-modal__close:hover {\r\n            transform: rotate(90deg); background: rgba(255, 50, 50, 0.2);\r\n            border-color: rgba(255, 50, 50, 0.5); color: #ff6b6b;\r\n            box-shadow: 0 0 15px rgba(255, 50, 50, 0.2);\r\n        }\r\n        .p3-modal__close::before, .p3-modal__close::after {\r\n            content: \"\"; position: absolute; width: 16px; height: 2px;\r\n            background: currentColor; border-radius: 2px;\r\n        }\r\n        .p3-modal__close::before { transform: rotate(45deg); }\r\n        .p3-modal__close::after { transform: rotate(-45deg); }\r\n\r\n        \/* --- Default Layout (SIDE) --- *\/\r\n        .p3-modal__grid {\r\n            display: grid;\r\n            grid-template-columns: 1.1fr 1fr;\r\n            flex: 1; min-height: 0;\r\n        }\r\n\r\n        .p3-modal__media {\r\n            position: relative; height: 100%;\r\n            border-right: 1px solid rgba(255, 255, 255, 0.05);\r\n            background: transparent;\r\n        }\r\n        .p3-modal__img {\r\n            display: block; width: 100%; height: 100%; object-fit: cover;\r\n        }\r\n\r\n        .p3-modal__body {\r\n            padding: 40px; overflow-y: auto; height: 100%;\r\n            scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.3) transparent;\r\n        }\r\n        .p3-modal__body::-webkit-scrollbar { width: 6px; }\r\n        .p3-modal__body::-webkit-scrollbar-track { background: transparent; }\r\n        .p3-modal__body::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.3); border-radius: 10px; }\r\n\r\n\r\n        \/* --- TOP Layout Overrides --- *\/\r\n        .p3-modal--top .p3-modal__dialog {\r\n            width: min(800px, 100%); \/* \u03a0\u03b9\u03bf \u03c3\u03c4\u03b5\u03bd\u03cc \u03b3\u03b9\u03b1 Top Layout *\/\r\n        }\r\n        .p3-modal--top .p3-modal__grid {\r\n            grid-template-columns: 100% !important;\r\n            grid-template-rows: minmax(150px, 25vh) 1fr !important;\r\n        }\r\n        .p3-modal--top .p3-modal__media {\r\n            border-right: none !important;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n            height: 100% !important;\r\n        }\r\n        \/* --------------------------- *\/\r\n\r\n\r\n        \/* Content Styling *\/\r\n        .p3-modal__cat {\r\n            font-size: 0.85rem; text-transform: uppercase; letter-spacing: 2px;\r\n            margin: 0 0 10px; color: rgba(255, 255, 255, 0.6); font-weight: 600;\r\n        }\r\n        .p3-modal__title {\r\n            margin: 0 0 20px; color: #fff; font-size: 2rem;\r\n            line-height: 1.2; text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n        }\r\n        .p3-modal__desc {\r\n            text-align: justify;\r\n            margin: 0 0 30px; color: rgba(255, 255, 255, 0.85);\r\n            line-height: 1.7; font-size: 1.05rem;\r\n        }\r\n        .p3-modal__desc strong, .p3-modal__desc b{\r\n             color: var(--pitoon-base, #fff); font-weight: 700;\r\n        }\r\n\r\n        .p3-modal__cta.thm-btn {\r\n            display: inline-flex; align-items: center; justify-content: center;\r\n            padding: 12px 30px; background: var(--pitoon-base) !important;\r\n            border: 1px solid rgba(255,255,255,0.1) !important; color: #04171a !important;\r\n            font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\r\n            border-radius: 8px; transition: all 0.3s ease; width: fit-content;\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2); margin-top: auto;\r\n        }\r\n        .p3-modal__cta.thm-btn::before { display: none !important; }\r\n\r\n        .p3-modal__cta.thm-btn:hover {\r\n            background: rgba(255, 255, 255, 0.1) !important; border-color: #fff !important;\r\n            color: #fff !important; backdrop-filter: blur(4px); transform: translateY(-2px);\r\n            box-shadow: 0 15px 30px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        @media (max-width: 860px) {\r\n            .p3-modal__grid, .p3-modal--top .p3-modal__grid { \r\n                grid-template-columns: 1fr !important; \r\n                grid-template-rows: auto 1fr !important;\r\n            }\r\n            .p3-modal__dialog, .p3-modal--top .p3-modal__dialog { \r\n                max-height: none; height: auto; width: 100%;\r\n            } \r\n            .p3-modal__media, .p3-modal--top .p3-modal__media { \r\n                height: 300px !important; border-right: none; \r\n                border-bottom: 1px solid rgba(255, 255, 255, 0.05); \r\n            }\r\n            .p3-modal__body { padding: 30px 20px; height: auto; overflow-y: visible; }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function(){\r\n            const uid = 'project-three-e07854d';\r\n            const root = document.getElementById(uid);\r\n            if(!root) return;\r\n\r\n            const modal = document.getElementById(uid + '-modal');\r\n            if(!modal) return;\r\n\r\n            \/\/ Move modal to body\r\n            document.body.appendChild(modal);\r\n\r\n            const imgEl   = modal.querySelector('.p3-modal__img');\r\n            const catEl   = modal.querySelector('.p3-modal__cat');\r\n            const titleEl = modal.querySelector('.p3-modal__title');\r\n            const descEl  = modal.querySelector('.p3-modal__desc');\r\n            const ctaEl   = modal.querySelector('.p3-modal__cta');\r\n\r\n            const openModal = (card) => {\r\n                const title = card.dataset.p3Title || '';\r\n                const cat   = card.dataset.p3Cat || '';\r\n                const img   = card.dataset.p3Img || '';\r\n                const url   = card.dataset.p3Url || '';\r\n                const cta   = card.dataset.p3Cta || 'View Project Details';\r\n                const ext   = card.dataset.p3External === '1';\r\n                const nf    = card.dataset.p3Nofollow === '1';\r\n                \/\/ --- FIX: \u0394\u03b9\u03b1\u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf layout \u03b1\u03bd\u03ac item ---\r\n                const layout = card.dataset.p3Layout || 'side';\r\n\r\n                \/\/ --- FIX: \u0395\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03ba\u03bb\u03ac\u03c3\u03b7 \u03c4\u03bf\u03c5 Modal ---\r\n                modal.classList.remove('p3-modal--side', 'p3-modal--top');\r\n                modal.classList.add('p3-modal--' + layout);\r\n\r\n                titleEl.textContent = title;\r\n                catEl.textContent = cat;\r\n\r\n                \/\/ Get hidden HTML description\r\n                const wrap = card.closest('.filter-item');\r\n                const descNode = wrap ? wrap.querySelector('.p3-hidden-desc') : null;\r\n                descEl.innerHTML = descNode ? descNode.innerHTML : '';\r\n\r\n                imgEl.src = img;\r\n                imgEl.alt = title;\r\n\r\n                if(url){\r\n                    ctaEl.style.display = '';\r\n                    ctaEl.textContent = cta;\r\n                    ctaEl.href = url;\r\n                    ctaEl.target = ext ? '_blank' : '_self';\r\n                    ctaEl.rel = (nf ? 'nofollow ' : '') + (ext ? 'noopener' : '');\r\n                } else {\r\n                    ctaEl.style.display = 'none';\r\n                }\r\n\r\n                modal.classList.add('is-open');\r\n                modal.setAttribute('aria-hidden','false');\r\n                document.body.style.overflow = 'hidden';\r\n            };\r\n\r\n            const closeModal = () => {\r\n                modal.classList.remove('is-open');\r\n                modal.setAttribute('aria-hidden','true');\r\n                document.body.style.overflow = '';\r\n            };\r\n\r\n            root.addEventListener('click', function(e){\r\n                const card = e.target.closest('.project-three__single');\r\n                if(!card) return;\r\n                if(e.target.closest('a')) e.preventDefault();\r\n                openModal(card);\r\n            });\r\n\r\n            modal.addEventListener('click', function(e){\r\n                if(e.target === modal.querySelector('.p3-modal__overlay') || e.target.closest('[data-p3-close]')) {\r\n                    closeModal();\r\n                }\r\n            });\r\n\r\n            document.addEventListener('keydown', function(e){\r\n                if(e.key === 'Escape' && modal.classList.contains('is-open')) closeModal();\r\n            });\r\n        });\r\n    <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cd0ba98 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"cd0ba98\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-355ae47\" data-id=\"355ae47\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93d8084 elementor-widget elementor-widget-pitoon-process\" data-id=\"93d8084\" data-element_type=\"widget\" data-widget_type=\"pitoon-process.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <section id=\"process-one-93d8084\" class=\"process-one\">\r\n        <div class=\"container\">\r\n                            <div class=\"section-title text-center\">\r\n                    <div class=\"section-title__tagline-box\">\r\n                        <span class=\"section-title__tagline\">THE C2S PROMISE<\/span>                    <\/div>\r\n                    <h2 class=\"section-title__title\">See how we turn your ideas into a successful digital project<\/h2>                <\/div>\r\n            \r\n            <div class=\"process-one__inner\">\r\n                <div class=\"p1-conn\" aria-hidden=\"true\"><\/div>\r\n\r\n                <div class=\"row\">\r\n                                            <div class=\"col-xl-4 col-lg-4\">\r\n                            <div class=\"process-one__single\" data-step-index=\"0\">\r\n                                <div class=\"process-one__img-box\">\r\n                                    <div class=\"process-one__img\">\r\n                                        <div class=\"process-one__count\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/process-1-1.jpg\" alt=\"process-1-1\" title=\"process-1-1\" >                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"process-one__title\">\r\n                                    <a class=\"\" href=\"\"  >Getting Acquainted Meeting<\/a>                                <\/h3>\r\n                                <a class=\"process-one__text\" href=\"\"  >We start with meetings (in person or online) to understand your vision. It usually takes 2-3 contacts to fully clarify the project requirements.<\/a>                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-4 col-lg-4\">\r\n                            <div class=\"process-one__single\" data-step-index=\"1\">\r\n                                <div class=\"process-one__img-box\">\r\n                                    <div class=\"process-one__img\">\r\n                                        <div class=\"process-one__count\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/process-1-2.jpg\" alt=\"process-1-2\" title=\"process-1-2\" >                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"process-one__title\">\r\n                                    <a class=\"\" href=\"\"  >Financial Offer<\/a>                                <\/h3>\r\n                                <a class=\"process-one__text process-one__text\" href=\"\"  >After analyzing the data, we present you with a detailed financial and technical offer, tailored to your goals and budget.<\/a>                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-4 col-lg-4\">\r\n                            <div class=\"process-one__single\" data-step-index=\"2\">\r\n                                <div class=\"process-one__img-box\">\r\n                                    <div class=\"process-one__img\">\r\n                                        <div class=\"process-one__count\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/process-1-3.jpg\" alt=\"process-1-3\" title=\"process-1-3\" >                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"process-one__title\">\r\n                                    <a class=\"\" href=\"\"  >Implementation<\/a>                                <\/h3>\r\n                                <a class=\"process-one__text process-one__text process-one__text\" href=\"\"  >Our team undertakes the design and planning of the project, following the highest standards of code and aesthetics.<\/a>                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-4 col-lg-4\">\r\n                            <div class=\"process-one__single\" data-step-index=\"3\">\r\n                                <div class=\"process-one__img-box\">\r\n                                    <div class=\"process-one__img\">\r\n                                        <div class=\"process-one__count\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/stepfour.jpg\" alt=\"stepfour\" title=\"stepfour\" >                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"process-one__title\">\r\n                                    <a class=\"\" href=\"\"  >Completion &amp; Delivery<\/a>                                <\/h3>\r\n                                <a class=\"process-one__text process-one__text process-one__text process-one__text\" href=\"\"  >After final approval and payment settlement, the project goes live. We deliver a fully functional and secure system.<\/a>                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-4 col-lg-4\">\r\n                            <div class=\"process-one__single\" data-step-index=\"4\">\r\n                                <div class=\"process-one__img-box\">\r\n                                    <div class=\"process-one__img\">\r\n                                        <div class=\"process-one__count\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/stepfive.jpg\" alt=\"stepfive\" title=\"stepfive\" >                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"process-one__title\">\r\n                                    <a class=\"\" href=\"\"  >Quality Control Period<\/a>                                <\/h3>\r\n                                <a class=\"process-one__text process-one__text process-one__text process-one__text process-one__text\" href=\"\"  >Before launch, the project undergoes rigorous testing. We give you access to a test environment so you can check the results for yourself.<\/a>                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-4 col-lg-4\">\r\n                            <div class=\"process-one__single\" data-step-index=\"5\">\r\n                                <div class=\"process-one__img-box\">\r\n                                    <div class=\"process-one__img\">\r\n                                        <div class=\"process-one__count\"><\/div>\r\n                                        <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2025\/12\/stepsix.jpg\" alt=\"stepsix\" title=\"stepsix\" >                                    <\/div>\r\n                                <\/div>\r\n                                <h3 class=\"process-one__title\">\r\n                                    <a class=\"\" href=\"\"  >Support &amp; Digital Evolution<\/a>                                <\/h3>\r\n                                <a class=\"process-one__text process-one__text process-one__text process-one__text process-one__text process-one__text\" href=\"\"  >Delivery is just the beginning. We offer comprehensive technical support and strategic consulting services, ensuring that your project remains secure, functional, and always aligned with the latest technological developments.<\/a>                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n          \/* --- CSS Styles --- *\/\r\n          #process-one-93d8084 .process-one__shape-1,\r\n          #process-one-93d8084 .process-one__shape-2,\r\n          #process-one-93d8084 .process-one__shape-3,\r\n          #process-one-93d8084 .process-one__shape-4 {\r\n            display: none !important;\r\n          }\r\n\r\n          #process-one-93d8084 .process-one__inner { position: relative; }\r\n          \r\n          #process-one-93d8084 .process-one__single { \r\n              position: relative; \r\n              z-index: 2; \r\n              transition: transform 0.3s ease;\r\n          }\r\n\r\n          \/* Active State *\/\r\n          #process-one-93d8084 .process-one__single.is-active .process-one__img {\r\n              box-shadow: 0 0 20px rgba(93, 187, 18, 0.6);\r\n              border-color: #5dbb12;\r\n              transform: scale(1.05);\r\n              transition: all 0.3s ease;\r\n          }\r\n\r\n          \/* SVG Container *\/\r\n          #process-one-93d8084 .p1-conn {\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            z-index: 1; \r\n            pointer-events: none;\r\n            overflow: visible;\r\n          }\r\n          #process-one-93d8084 .p1-conn svg {\r\n            width: 100%; height: 100%;\r\n            overflow: visible;\r\n          }\r\n\r\n          .p1-base {\r\n            fill: none;\r\n            stroke: #e6e6e6; \r\n            stroke-width: 4;\r\n            opacity: 0.5;\r\n          }\r\n\r\n          \/* \u039a\u03bb\u03ac\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03c0\u03c1\u03ac\u03c3\u03b9\u03bd\u03b5\u03c2 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ad\u03c2 *\/\r\n          .p1-fill {\r\n            fill: none;\r\n            stroke: #5dbb12; \r\n            stroke-width: 5;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            \/* \u0394\u03b5\u03bd \u03b2\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 transition \u03b5\u03b4\u03ce \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03ac\u03bc\u03b5\u03c3\u03bf \u03ad\u03bb\u03b5\u03b3\u03c7\u03bf \u03bc\u03ad\u03c3\u03c9 JS \u03c3\u03c4\u03bf scroll *\/\r\n          }\r\n\r\n          .p1-head {\r\n            fill: #fff;\r\n            stroke: #5dbb12;\r\n            stroke-width: 3;\r\n            r: 6;\r\n            filter: drop-shadow(0 0 5px #5dbb12);\r\n            transition: opacity 0.2s;\r\n          }\r\n\r\n          @media (max-width: 991px) {\r\n            #process-one-93d8084 .p1-conn { display: none; }\r\n          }\r\n        <\/style>\r\n\r\n        <script>\r\n        document.addEventListener('DOMContentLoaded', function(){\r\n            const root = document.getElementById('process-one-93d8084');\r\n            if(!root) return;\r\n\r\n            const inner = root.querySelector('.process-one__inner');\r\n            const host  = root.querySelector('.p1-conn');\r\n            const singles = Array.from(root.querySelectorAll('.process-one__single'));\r\n            const nodes = Array.from(root.querySelectorAll('.process-one__single .process-one__img'));\r\n\r\n            if(!inner || !host || nodes.length < 6) return;\r\n            if (window.matchMedia('(max-width: 991px)').matches) return;\r\n\r\n            const svgNS = 'http:\/\/www.w3.org\/2000\/svg';\r\n            \/\/ \u03a7\u03c9\u03c1\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b1 \u03bc\u03b5\u03c4\u03b1\u03b2\u03bb\u03b7\u03c4\u03ad\u03c2 \u03c3\u03b5 Row1 \u03ba\u03b1\u03b9 Row2\r\n            let svg, headCircle;\r\n            let basePath1, fillPath1, totalLen1 = 0;\r\n            let basePath2, fillPath2, totalLen2 = 0;\r\n\r\n            const buildSVG = () => {\r\n                host.innerHTML = ''; \r\n                svg = document.createElementNS(svgNS, 'svg');\r\n                svg.setAttribute('width', '100%');\r\n                svg.setAttribute('height', '100%');\r\n\r\n                \/\/ --- \u0393\u03a1\u0391\u039c\u039c\u0397 1 (\u03a0\u03ac\u03bd\u03c9) ---\r\n                basePath1 = document.createElementNS(svgNS, 'path');\r\n                basePath1.classList.add('p1-base');\r\n                fillPath1 = document.createElementNS(svgNS, 'path');\r\n                fillPath1.classList.add('p1-fill');\r\n\r\n                \/\/ --- \u0393\u03a1\u0391\u039c\u039c\u0397 2 (\u039a\u03ac\u03c4\u03c9) ---\r\n                basePath2 = document.createElementNS(svgNS, 'path');\r\n                basePath2.classList.add('p1-base');\r\n                fillPath2 = document.createElementNS(svgNS, 'path');\r\n                fillPath2.classList.add('p1-fill');\r\n\r\n                \/\/ \u039a\u03cd\u03ba\u03bb\u03bf\u03c2 (\u03ba\u03b5\u03c6\u03b1\u03bb\u03ae)\r\n                headCircle = document.createElementNS(svgNS, 'circle');\r\n                headCircle.classList.add('p1-head');\r\n\r\n                \/\/ \u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 \u03c3\u03c4\u03bf SVG (\u03c3\u03b5\u03b9\u03c1\u03ac: base -> fill -> head)\r\n                svg.appendChild(basePath1);\r\n                svg.appendChild(basePath2); \/\/ Base \u03b3\u03b9\u03b1 \u03ba\u03ac\u03c4\u03c9\r\n                svg.appendChild(fillPath1);\r\n                svg.appendChild(fillPath2); \/\/ Fill \u03b3\u03b9\u03b1 \u03ba\u03ac\u03c4\u03c9\r\n                svg.appendChild(headCircle);\r\n                host.appendChild(svg);\r\n            };\r\n\r\n            const getCenters = () => {\r\n                const r0 = inner.getBoundingClientRect();\r\n                return nodes.map(n => {\r\n                    const r = n.getBoundingClientRect();\r\n                    return {\r\n                        x: (r.left - r0.left) + r.width \/ 2,\r\n                        y: (r.top  - r0.top)  + r.height \/ 2\r\n                    };\r\n                });\r\n            };\r\n\r\n            const drawPath = () => {\r\n                const pts = getCenters();\r\n                if(pts.length < 6) return;\r\n                const p = pts;\r\n                \r\n                \/\/ --- \u0394\u0399\u0391\u0394\u03a1\u039f\u039c\u0397 1 (Items 0, 1, 2) ---\r\n                let d1 = `M ${p[0].x} ${p[0].y} L ${p[1].x} ${p[1].y} L ${p[2].x} ${p[2].y}`;\r\n                \r\n                \/\/ --- \u0394\u0399\u0391\u0394\u03a1\u039f\u039c\u0397 2 (Items 3, 4, 5) ---\r\n                let d2 = `M ${p[3].x} ${p[3].y} L ${p[4].x} ${p[4].y} L ${p[5].x} ${p[5].y}`;\r\n\r\n                \/\/ \u0391\u03bd\u03ac\u03b8\u03b5\u03c3\u03b7 \u03c3\u03c4\u03b1 paths\r\n                basePath1.setAttribute('d', d1);\r\n                fillPath1.setAttribute('d', d1);\r\n                \r\n                basePath2.setAttribute('d', d2);\r\n                fillPath2.setAttribute('d', d2);\r\n\r\n                \/\/ \u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b7\u03ba\u03ce\u03bd\r\n                totalLen1 = fillPath1.getTotalLength();\r\n                fillPath1.style.strokeDasharray = totalLen1;\r\n                fillPath1.style.strokeDashoffset = totalLen1;\r\n\r\n                totalLen2 = fillPath2.getTotalLength();\r\n                fillPath2.style.strokeDasharray = totalLen2;\r\n                fillPath2.style.strokeDashoffset = totalLen2;\r\n                \r\n                headCircle.style.opacity = '0';\r\n            };\r\n\r\n            const updateScroll = () => {\r\n                if(!fillPath1 || !fillPath2) return;\r\n\r\n                const rect = root.getBoundingClientRect();\r\n                const vh = window.innerHeight;\r\n                \r\n                \/\/ --- \u03a1\u03a5\u0398\u039c\u0399\u03a3\u0397 \u0393\u0399\u0391 \u039d\u0391 \u03a4\u0395\u039b\u0395\u0399\u03a9\u039d\u0395\u0399 \u03a0\u0399\u039f \u039a\u0391\u03a4\u03a9 ---\r\n                \/\/ start: \u03c0\u03cc\u03c4\u03b5 \u03be\u03b5\u03ba\u03b9\u03bd\u03ac\u03b5\u03b9 (\u03cc\u03c4\u03b1\u03bd \u03c4\u03bf section \u03bc\u03c0\u03b5\u03b9 \u03ba\u03b1\u03c4\u03ac 80% \u03c3\u03c4\u03b7\u03bd \u03bf\u03b8\u03cc\u03bd\u03b7)\r\n                \/\/ end: \u03c0\u03cc\u03c4\u03b5 \u03c4\u03b5\u03bb\u03b5\u03b9\u03ce\u03bd\u03b5\u03b9 (\u03cc\u03c4\u03b1\u03bd \u03c4\u03bf section \u03c6\u03c4\u03ac\u03c3\u03b5\u03b9 \u03c0\u03bf\u03bb\u03cd \u03c8\u03b7\u03bb\u03ac, \u03c3\u03c7\u03b5\u03b4\u03cc\u03bd \u03b2\u03b3\u03b5\u03b9)\r\n                \/\/ \u0391\u03c5\u03be\u03ac\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b7\u03bd \u03b1\u03c0\u03cc\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03b5\u03c4\u03b1\u03be\u03cd start \u03ba\u03b1\u03b9 end, \u03ba\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf animation \u03c0\u03b9\u03bf \u03b1\u03c1\u03b3\u03cc\/\u03bf\u03bc\u03b1\u03bb\u03cc.\r\n                const start = vh * 0.8; \r\n                const end   = vh * 0.1; \/\/ \u0389\u03c4\u03b1\u03bd 0.2, \u03c4\u03bf \u03c0\u03ae\u03b3\u03b1\u03bc\u03b5 \u03c0\u03b9\u03bf \u03c0\u03ac\u03bd\u03c9 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ad\u03c7\u03b5\u03b9\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf scroll\r\n                \r\n                let progress = (start - rect.top) \/ (start - end + rect.height * 0.5);\r\n                progress = Math.min(Math.max(progress, 0), 1);\r\n\r\n                \/\/ --- \u0394\u0399\u0391\u03a7\u03a9\u03a1\u0399\u03a3\u039c\u039f\u03a3 PROGRESS ---\r\n                \/\/ \u03a4\u03bf \u03c0\u03c1\u03ce\u03c4\u03bf 50% \u03c4\u03bf\u03c5 scroll \u03b3\u03b5\u03bc\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7\u03bd 1\u03b7 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae\r\n                \/\/ \u03a4\u03bf \u03b4\u03b5\u03cd\u03c4\u03b5\u03c1\u03bf 50% \u03c4\u03bf\u03c5 scroll \u03b3\u03b5\u03bc\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7\u03bd 2\u03b7 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae\r\n                \r\n                let prog1, prog2;\r\n\r\n                if (progress <= 0.5) {\r\n                    \/\/ \u03a6\u03ac\u03c3\u03b7 1: \u0393\u03b5\u03bc\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03ac\u03bd\u03c9 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae\r\n                    \/\/ \u039c\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf 0-0.5 \u03c3\u03b5 0-1\r\n                    prog1 = progress * 2; \r\n                    prog2 = 0; \/\/ \u0397 \u03ba\u03ac\u03c4\u03c9 \u03bc\u03ad\u03bd\u03b5\u03b9 \u03ac\u03b4\u03b5\u03b9\u03b1\r\n                } else {\r\n                    \/\/ \u03a6\u03ac\u03c3\u03b7 2: \u0397 \u03c0\u03ac\u03bd\u03c9 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b3\u03b5\u03bc\u03ac\u03c4\u03b7, \u03b3\u03b5\u03bc\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03ba\u03ac\u03c4\u03c9\r\n                    prog1 = 1; \r\n                    \/\/ \u039c\u03b5\u03c4\u03b1\u03c4\u03c1\u03ad\u03c0\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf 0.5-1 \u03c3\u03b5 0-1\r\n                    prog2 = (progress - 0.5) * 2;\r\n                }\r\n\r\n                \/\/ \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ae \u03c3\u03c4\u03b1 offsets\r\n                fillPath1.style.strokeDashoffset = totalLen1 - (totalLen1 * prog1);\r\n                fillPath2.style.strokeDashoffset = totalLen2 - (totalLen2 * prog2);\r\n\r\n                \/\/ --- \u039a\u0399\u039d\u0397\u03a3\u0397 \u03a4\u0397\u03a3 \"\u03a3\u03a0\u0399\u0398\u0391\u03a3\" ---\r\n                let activePath, activeLen, activeProg;\r\n                \r\n                if (progress <= 0.5) {\r\n                    activePath = fillPath1;\r\n                    activeLen = totalLen1;\r\n                    activeProg = prog1;\r\n                } else {\r\n                    activePath = fillPath2;\r\n                    activeLen = totalLen2;\r\n                    activeProg = prog2;\r\n                }\r\n\r\n                if(progress > 0 && progress < 1) {\r\n                    \/\/ \u0391\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7\u03bd \u03c3\u03ba\u03ac\u03b5\u03b9 \u03c3\u03c4\u03b1 \u03ac\u03ba\u03c1\u03b1\r\n                    activeProg = Math.max(0.001, Math.min(activeProg, 0.999));\r\n                    const pt = activePath.getPointAtLength(activeLen * activeProg);\r\n                    \r\n                    headCircle.setAttribute('cx', pt.x);\r\n                    headCircle.setAttribute('cy', pt.y);\r\n                    headCircle.style.opacity = '1';\r\n                } else {\r\n                    headCircle.style.opacity = '0';\r\n                }\r\n\r\n                \/\/ --- \u0395\u039d\u0395\u03a1\u0393\u039f\u03a0\u039f\u0399\u0397\u03a3\u0397 \u039a\u039f\u03a5\u03a4\u0399\u03a9\u039d (Active Classes) ---\r\n                singles.forEach((item, i) => {\r\n                    \/\/ \u03a4\u03ce\u03c1\u03b1 \u03c4\u03b1 thresholds \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03b9\u03bf \u03b1\u03c0\u03bb\u03ac:\r\n                    \/\/ 0, 1, 2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd 1\u03b7 \u03c6\u03ac\u03c3\u03b7 (0 - 0.5)\r\n                    \/\/ 3, 4, 5 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd 2\u03b7 \u03c6\u03ac\u03c3\u03b7 (0.5 - 1.0)\r\n                    \r\n                    let isActive = false;\r\n                    \r\n                    \/\/ \u039a\u03bf\u03c5\u03c4\u03b9\u03ac \u03c0\u03ac\u03bd\u03c9 \u03c3\u03b5\u03b9\u03c1\u03ac\u03c2\r\n                    if (i < 3) {\r\n                         \/\/ \u03c0.\u03c7. \u03c3\u03c4\u03bf 10%, 25%, 40% \u03c4\u03bf\u03c5 \u03c3\u03c5\u03bd\u03bf\u03bb\u03b9\u03ba\u03bf\u03cd scroll\r\n                        let t = [0.05, 0.25, 0.45]; \r\n                        if (progress > t[i]) isActive = true;\r\n                    } \r\n                    \/\/ \u039a\u03bf\u03c5\u03c4\u03b9\u03ac \u03ba\u03ac\u03c4\u03c9 \u03c3\u03b5\u03b9\u03c1\u03ac\u03c2\r\n                    else {\r\n                        \/\/ \u03c0.\u03c7. \u03c3\u03c4\u03bf 55%, 75%, 90% \u03c4\u03bf\u03c5 \u03c3\u03c5\u03bd\u03bf\u03bb\u03b9\u03ba\u03bf\u03cd scroll\r\n                        let t = [0.55, 0.75, 0.90]; \r\n                        if (progress > t[i-3]) isActive = true;\r\n                    }\r\n\r\n                    if (isActive) item.classList.add('is-active');\r\n                    else item.classList.remove('is-active');\r\n                });\r\n            };\r\n\r\n            buildSVG();\r\n            setTimeout(drawPath, 500);\r\n\r\n            window.addEventListener('resize', drawPath);\r\n            window.addEventListener('scroll', updateScroll, { passive: true });\r\n        });\r\n        <\/script>\r\n\r\n    <\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ed577a2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3ed577a2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5b968af7\" data-id=\"5b968af7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a0b69c5 elementor-widget elementor-widget-pitoon-faq\" data-id=\"4a0b69c5\" data-element_type=\"widget\" data-widget_type=\"pitoon-faq.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* FULL WIDTH *\/\n.faq-two .container{\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n\/* CENTER EVERYTHING (titles + questions) *\/\n.faq-two,\n.faq-two__left,\n.faq-two .section-title,\n.faq-two .section-title.text-left,\n.faq-two .accrodion-title{\n  text-align: center !important;\n}\n\n\/* FULL JUSTIFY ANSWERS *\/\n.faq-two .accrodion-content .inner,\n.faq-two .accrodion-content .inner p{\n  text-align: justify !important;\n  text-justify: inter-word;\n  width: 100%;\n}\n\n.faq-two .accrodion-content .inner{\n  hyphens: auto;\n  overflow-wrap: anywhere;\n}\n\t\n\t\/* 1) \u039a\u03b5\u03bd\u03c4\u03c1\u03ac\u03c1\u03b9\u03c3\u03bc\u03b1 block + \u03ba\u03b5\u03bd\u03ac \u03b4\u03b5\u03be\u03b9\u03ac\/\u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ac *\/\n.faq-two .container{\n  max-width: 1200px !important;   \/* \u03ac\u03bb\u03bb\u03b1\u03be\u03ad \u03c4\u03bf (1100\/1280\/1320) \u03cc\u03c0\u03c9\u03c2 \u03b8\u03b5\u03c2 *\/\n  width: 100% !important;\n  margin: 0 auto !important;\n  padding-left: 40px !important;\n  padding-right: 40px !important;\n}\n\n\/* 2) \u039d\u03b1 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u039f\u039d\u03a4\u03a9\u03a3 \u03c3\u03c4\u03bf \u03ba\u03ad\u03bd\u03c4\u03c1\u03bf \u03bf \u03c4\u03af\u03c4\u03bb\u03bf\u03c2, \u03c0\u03b1\u03c1\u03cc\u03c4\u03b9 \u03c4\u03bf +\/- \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b5\u03be\u03b9\u03ac *\/\n.faq-two .accrodion-title{\n  text-align: center !important;\n  padding-left: 70px !important;\n  padding-right: 70px !important; \/* \u03af\u03c3\u03bf padding \u03b3\u03b9\u03b1 \u201c\u03bf\u03c0\u03c4\u03b9\u03ba\u03cc\u201d \u03ba\u03ad\u03bd\u03c4\u03c1\u03bf *\/\n}\n\n\/* 3) (\u03c0\u03c1\u03bf\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03cc) \u03b1\u03bd \u03c4\u03bf \u03ba\u03bf\u03c5\u03c4\u03af \u03c4\u03c9\u03bd FAQ \u03b1\u03c0\u03bb\u03ce\u03bd\u03b5\u03b9 \u03c0\u03bf\u03bb\u03cd *\/\n.faq-two__faq-box{\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* 4) Full justify \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 *\/\n.faq-two .accrodion-content .inner,\n.faq-two .accrodion-content .inner p{\n  text-align: justify !important;\n  text-justify: inter-word;\n}\n\n@media (max-width: 991px){\n  .faq-two .container{\n    padding-left: 15px !important;\n    padding-right: 15px !important;\n  }\n  .faq-two .accrodion-title{\n    padding-left: 55px !important;\n    padding-right: 55px !important;\n  }\n}\n<\/style>\n\n    <!--FAQ Page Start-->\r\n    <section class=\"faq-page\">\r\n        <div class=\"container\">\r\n                            <div class=\"faq-page__top text-center\">\r\n                                        <h3 class=\"faq-page__title\">\u03a3\u03c5\u03c7\u03bd\u03ad\u03c2 \u0395\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 (FAQ)<\/h3>                                    <\/div>\r\n                        <div class=\"faq-page__faq-box\">\r\n                <div class=\"accrodion-grp\" data-grp-name=\"faq-one-accrodion\">\r\n                                            <div class=\"accrodion active\">\r\n                            <div class=\"accrodion-title\">\r\n                                <h4 class=\"\">Why should I create a custom application when I can just buy a ready-made one?<\/h4>                            <\/div>\r\n                            <div class=\"accrodion-content\">\r\n                                <div class=\"inner\">\r\n                                    <p class=\"\">Ready-made solutions are designed for the \"average.\" However, your business has its own unique characteristics. An application designed exclusively for you follows your way of working, saves you time, and can grow with your needs without limitations.<\/p>                                <\/div><!-- \/.inner -->\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"accrodion\">\r\n                            <div class=\"accrodion-title\">\r\n                                <h4 class=\"\">How long will it take for my project to be ready?<\/h4>                            <\/div>\r\n                            <div class=\"accrodion-content\">\r\n                                <div class=\"inner\">\r\n                                    <p class=\"\">That depends on the size and requirements of the project. We divide the work into six clear steps and keep you informed at every stage. That way, you know exactly where we are and when you will have the final result in your hands, with no surprises.<\/p>                                <\/div><!-- \/.inner -->\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"accrodion\">\r\n                            <div class=\"accrodion-title\">\r\n                                <h4 class=\"\">What tools and technologies do you use?<\/h4>                            <\/div>\r\n                            <div class=\"accrodion-content\">\r\n                                <div class=\"inner\">\r\n                                    <p class=\"\">We always choose the most modern and proven tools on the market (such as Flutter for mobile applications). Our goal is for your application to be fast, completely secure, and continue to work flawlessly for many years without becoming technologically obsolete.\n<\/p>                                <\/div><!-- \/.inner -->\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"accrodion\">\r\n                            <div class=\"accrodion-title\">\r\n                                <h4 class=\"\">Will you be there to help me after delivery?<\/h4>                            <\/div>\r\n                            <div class=\"accrodion-content\">\r\n                                <div class=\"inner\">\r\n                                    <p class=\"\">Of course. Our collaboration does not end with delivery. We are here to offer you ongoing support, answer questions, and ensure that everything runs smoothly, allowing you to focus solely on your work.<\/p>                                <\/div><!-- \/.inner -->\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"accrodion\">\r\n                            <div class=\"accrodion-title\">\r\n                                <h4 class=\"\">Can the new application connect to the programs I already have?<\/h4>                            <\/div>\r\n                            <div class=\"accrodion-content\">\r\n                                <div class=\"inner\">\r\n                                    <p class=\"\">Yes, that is our strength. We design our solutions to \"talk\" to the systems or machines you already use. This way, all your data is gathered in one place, making your daily life simpler and more organized.<\/p>                                <\/div><!-- \/.inner -->\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"faq-page__bottom\">\r\n                <div class=\"row\">\r\n                                            <div class=\"col-xl-6 col-lg-6\">\r\n                            <div class=\"faq-page__contact-single\">\r\n                                <div class=\"faq-page__contact-shape-1 float-bob-x\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/faq-page-contact-shape-1.png\" alt=\"faq-page-contact-shape-1\" title=\"faq-page-contact-shape-1\" >                                <\/div>\r\n                                <h3 class=\"faq-page__contact-title\">\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03b2\u03bf\u03ae\u03b8\u03b5\u03b9\u03b1; \u03a3\u03c4\u03b5\u03af\u03bb\u03c4\u03b5 \u03bc\u03b1\u03c2 \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1!<\/h3>                                <div class=\"faq-page__contact-box\">\r\n                                    <div class=\"icon\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-envelope\"><\/span>                                    <\/div>\r\n                                    <div class=\"content\">\r\n                                        <p class=\"\">\u039b\u03ac\u03b2\u03b5\u03c4\u03b5 \u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2<\/p>                                        <h3>\u0386\u03bc\u03b5\u03c3\u03b1 \u03c3\u03c4\u03bf <a href=\"mailto:info@c2s.gr\">info@c2s.gr<\/a><\/h3>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"col-xl-6 col-lg-6\">\r\n                            <div class=\"faq-page__contact-single faq-page__contact-single-2\">\r\n                                <div class=\"faq-page__contact-shape-1 float-bob-x\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/c2s.gr\/wp-content\/uploads\/2023\/05\/faq-page-contact-shape-2.png\" alt=\"faq-page-contact-shape-2\" title=\"faq-page-contact-shape-2\" >                                <\/div>\r\n                                <h3 class=\"faq-page__contact-title faq-page__contact-title\">\u0388\u03c7\u03b5\u03c4\u03b5 \u03b1\u03ba\u03cc\u03bc\u03b1 \u03b1\u03c0\u03bf\u03c1\u03af\u03b5\u03c2; \u039a\u03b1\u03bb\u03ad\u03c3\u03c4\u03b5 \u03bc\u03b1\u03c2!<\/h3>                                <div class=\"faq-page__contact-box\">\r\n                                    <div class=\"icon\">\r\n                                        <span aria-hidden=\"true\" class=\"icon-envelope\"><\/span>                                    <\/div>\r\n                                    <div class=\"content\">\r\n                                        <p class=\"\">\u039c\u03b9\u03bb\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/p>                                        <h3>\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf <a href=\"tel:+306976758171\">+30 697 675 8171<\/a><\/h3>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!--FAQ Page End-->\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-651d7df elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"651d7df\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1adefb8\" data-id=\"1adefb8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30f3ba9 elementor-widget elementor-widget-pitoon-google-maps\" data-id=\"30f3ba9\" data-element_type=\"widget\" data-widget_type=\"pitoon-google-maps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<section class=\"google-map\">\r\n\t\t<iframe src=\"https:\/\/maps.google.com\/maps?q=%CE%9A%CE%BF%CE%B6%CE%AC%CE%BD%CE%B7%2C%20%CE%95%CE%BB%CE%BB%CE%AC%CE%B4%CE%B1&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\" title=\"\u039a\u03bf\u03b6\u03ac\u03bd\u03b7, \u0395\u03bb\u03bb\u03ac\u03b4\u03b1\" class=\"google-map__one\" aria-label=\"\u039a\u03bf\u03b6\u03ac\u03bd\u03b7, \u0395\u03bb\u03bb\u03ac\u03b4\u03b1\" allowfullscreen><\/iframe>\r\n\t<\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-43857dfb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"43857dfb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-50c3539f\" data-id=\"50c3539f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1564149 elementor-widget elementor-widget-pitoon-call-to-action\" data-id=\"1564149\" data-element_type=\"widget\" data-widget_type=\"pitoon-call-to-action.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <!--CTA Two Start-->\r\n    <section class=\"cta-two\">\r\n        <div class=\"cta-two__bg\" style=\"background-image: url(http:\/\/pitoonwp.pixydrops.com\/wp-content\/uploads\/2023\/05\/cta-two-bg.jpg);\"><\/div>\r\n        <div class=\"cta-two__wrap\">\r\n            <div class=\"cta-two__wrap-inner\">\r\n                <div class=\"cta-two__wrap-bg\" style=\"background-image: url(http:\/\/pitoonwp.pixydrops.com\/wp-content\/uploads\/2023\/05\/cta-two-wrap-bg.jpg);\"><\/div>\r\n                <div class=\"container\">\r\n                    <div class=\"cta-two__inner\">\r\n                        <div class=\"cta-two__title-box\">\r\n                            <h3 class=\"cta-two__title\">Do you have an idea? C2S has the expertise to turn it into a successful project.<\/h3>                        <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!--CTA Two End-->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>&#8220;,&#8221;&#8221;], &#8220;margin&#8221;: 0, &#8220;dots&#8221;: true, &#8220;nav&#8221;: false, &#8220;animateOut&#8221;: &#8220;slideOutDown&#8221;, &#8220;animateIn&#8221;: &#8220;fadeIn&#8221;, &#8220;active&#8221;: true, &#8220;smartSpeed&#8221;: 1000, &#8220;autoplay&#8221;: true, &#8220;autoplayTimeout&#8221;: 40000, &#8220;autoplayHoverPause&#8221;: false}&#8217;> C2SDigitalSolutions \u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u0391\u03bd\u03ac\u03c0\u03c4\u03c5\u03be\u03b7\u0399\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03c9\u03bd eShop \u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03b1\u03ba\u03ac \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u039b\u03cd\u03c3\u03b5\u03b9\u03c2 HardwareIoT \u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u0395\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2 \u039a\u03b9\u03bd\u03b7\u03c4\u03ce\u03bd iOS &amp;Android \u039c\u03ac\u03b8\u03b5 \u03a0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b1 \u0397 \u03a4\u0391\u03a5\u03a4\u039f\u03a4\u0397\u03a4\u0391 \u039c\u0391\u03a3 \u039f \u03a3\u03c4\u03c1\u03b1\u03c4\u03b7\u03b3\u03b9\u03ba\u03cc\u03c2 \u03c3\u03b1\u03c2 \u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03c4\u03b7\u03c2 \u03c3\u03c4\u03b7\u03bd \u03a8\u03b7\u03c6\u03b9\u03b1\u03ba\u03ae \u0395\u03c0\u03bf\u03c7\u03ae \u03a3\u03c4\u03b7\u03bd C2S Digital [&hellip;]<\/p>","protected":false},"author":1,"featured_media":2141,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-612","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/c2s.gr\/en\/wp-json\/wp\/v2\/pages\/612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c2s.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/c2s.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/c2s.gr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c2s.gr\/en\/wp-json\/wp\/v2\/comments?post=612"}],"version-history":[{"count":597,"href":"https:\/\/c2s.gr\/en\/wp-json\/wp\/v2\/pages\/612\/revisions"}],"predecessor-version":[{"id":3082,"href":"https:\/\/c2s.gr\/en\/wp-json\/wp\/v2\/pages\/612\/revisions\/3082"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/c2s.gr\/en\/wp-json\/wp\/v2\/media\/2141"}],"wp:attachment":[{"href":"https:\/\/c2s.gr\/en\/wp-json\/wp\/v2\/media?parent=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}