{"id":7,"date":"2026-04-07T12:49:24","date_gmt":"2026-04-07T12:49:24","guid":{"rendered":"http:\/\/seaspirithtml.notosweb.com\/home\/"},"modified":"2026-04-27T22:41:06","modified_gmt":"2026-04-27T22:41:06","slug":"home","status":"publish","type":"page","link":"https:\/\/seaspirithtml.notosweb.com\/en\/","title":{"rendered":"Sea Spirit &#8211; Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d30caa elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1d30caa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb252ff\" data-id=\"fb252ff\" data-element_type=\"column\" data-e-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-1058d77 elementor-widget elementor-widget-html\" data-id=\"1058d77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700&family=Inter:wght@300;400;500;600&family=Play:ital,wght@0,400;0,600;0,700;0,800;1,400;1,700&subset=greek,latin&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n   RESET & VARIABLES\n   ============================================================ *\/\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n\/* ===== DARK MODE (default) ===== *\/\n:root {\n  --gold:        #EAC381;\n  --gold-dark:   #C4924A;\n  --gold-deeper: #9A7030;\n  --gold-light:  #F2D9A8;\n  --navy:        #07101E;\n  --navy-2:      #0D1828;\n  --navy-3:      #152338;\n  --card-bg:     #0F1C2E;\n  --border:      rgba(234,195,129,0.18);\n  --white:       #FFFFFF;\n  --off-white:   #F5F0E8;\n  --muted:       rgba(255,255,255,0.55);\n  --font-serif:  'Play', Georgia, serif;\n  --font-display: 'Montserrat', sans-serif;\n  --font-sans:   'Inter', sans-serif;\n  --section-dark-overlay: rgba(7,16,30,0.95);\n  --navbar-scrolled-bg:   rgba(7,16,30,0.95);\n  --footer-bg:            #050D18;\n  --popup-bg:             #060E1B;\n  --stats-bg:             rgba(7,16,30,0.75);\n  --hero-overlay-start:   rgba(7,16,30,0.45);\n  --hero-overlay-mid:     rgba(7,16,30,0.50);\n  --hero-overlay-end:     rgba(7,16,30,0.97);\n}\n\nhtml { scroll-behavior: smooth; }\nbody { font-family: var(--font-sans); background: var(--navy); color: var(--white); overflow-x: hidden; }\n\nimg { max-width: 100%; display: block; }\na { text-decoration: none; color: inherit; }\nul { list-style: none; }\n\n\/* ============================================================\n   SCROLLBAR\n   ============================================================ *\/\n::-webkit-scrollbar { width: 6px; }\n::-webkit-scrollbar-track { background: var(--navy); }\n::-webkit-scrollbar-thumb { background: var(--gold-deeper); border-radius: 3px; }\n\n\/* ============================================================\n   TYPOGRAPHY UTILITIES\n   ============================================================ *\/\n.section-label {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 0.68rem; font-weight: 500; letter-spacing: 0.35em;\n  text-transform: uppercase; color: var(--gold);\n  margin-bottom: 1.2rem;\n}\n.section-label::before, .section-label::after {\n  content: ''; display: block; width: 30px; height: 1px; background: var(--gold);\n}\n.section-title {\n  font-family: var(--font-serif);\n  font-size: clamp(1.8rem, 4.5vw, 3.2rem);\n  font-weight: 600; line-height: 1.15;\n  letter-spacing: -0.01em;\n  color: var(--white);\n  margin-bottom: 1.5rem;\n}\n.section-title em { font-style: italic; color: var(--gold-light); }\n.section-desc {\n  font-size: 1rem; font-weight: 300; line-height: 1.85;\n  color: var(--muted); max-width: 540px;\n}\n\n\/* ============================================================\n   BUTTONS\n   ============================================================ *\/\n.btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  font-family: var(--font-sans); font-size: 0.72rem; font-weight: 600;\n  letter-spacing: 0.2em; text-transform: uppercase;\n  padding: 0.95rem 2.2rem; cursor: pointer; transition: all 0.35s ease;\n  border: none; position: relative; overflow: hidden;\n}\n.btn::after {\n  content: ''; position: absolute; inset: 0;\n  background: rgba(255,255,255,0.12);\n  transform: translateX(-110%) skewX(-15deg);\n  transition: transform 0.4s ease;\n}\n.btn:hover::after { transform: translateX(120%) skewX(-15deg); }\n\n.btn-gold {\n  background: linear-gradient(135deg, var(--gold-deeper) 0%, var(--gold) 50%, var(--gold-light) 100%);\n  color: var(--navy);\n}\n.btn-gold:hover { box-shadow: 0 10px 40px rgba(234,195,129,0.35); transform: translateY(-2px); }\n\n.btn-outline {\n  background: transparent; color: var(--gold-light);\n  border: 1px solid rgba(234,195,129,0.45);\n}\n.btn-outline:hover {\n  background: rgba(234,195,129,0.1); border-color: var(--gold);\n  box-shadow: 0 8px 30px rgba(234,195,129,0.15); transform: translateY(-2px);\n}\n\n.btn svg { width: 14px; height: 14px; }\n\n\/* ============================================================\n   GOLD DIVIDER\n   ============================================================ *\/\n.gold-line {\n  width: 60px; height: 2px;\n  background: linear-gradient(90deg, var(--gold-deeper), var(--gold-light));\n  margin: 1.5rem auto;\n}\n.gold-line.left { margin-left: 0; }\n\n\/* ============================================================\n   NAVIGATION\n   ============================================================ *\/\n.navbar {\n  position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n  display: grid; grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n  padding: 0 2.5rem;\n  height: 90px;\n  background: rgba(7,16,30,0.0);\n  border-bottom: 1px solid rgba(234,195,129,0.0);\n  backdrop-filter: blur(0px);\n  transition: all 0.5s ease;\n}\n.navbar.scrolled {\n  background: var(--navbar-scrolled-bg);\n  border-bottom-color: var(--border);\n  backdrop-filter: blur(20px);\n  height: 72px;\n}\n\n\/* Desktop: logo centered (column 2 of 3-col grid) *\/\n.nav-logo {\n  grid-column: 2;\n  display: flex; justify-content: center;\n}\n.nav-logo img {\n  height: 58px; width: auto;\n  filter: drop-shadow(0 0 14px rgba(234,195,129,0.35));\n  transition: height 0.3s ease;\n}\n.navbar.scrolled .nav-logo img { height: 44px; }\n\n\/* Menu trigger button \u2014 always visible, right side *\/\n.menu-trigger {\n  grid-column: 3;\n  justify-self: end;\n  display: flex; align-items: center; gap: 12px;\n  cursor: pointer; background: none; border: none;\n  padding: 0.6rem 1.2rem;\n  border: 1px solid rgba(234,195,129,0.35);\n  transition: all 0.3s ease;\n  color: var(--gold-light);\n}\n.menu-trigger:hover {\n  background: rgba(234,195,129,0.08);\n  border-color: rgba(234,195,129,0.65);\n}\n.menu-trigger-label {\n  font-family: var(--font-sans); font-size: 0.65rem;\n  font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase;\n  color: var(--gold-light); transition: color 0.3s;\n}\n.menu-trigger-bars {\n  display: flex; flex-direction: column; gap: 4px;\n}\n.menu-trigger-bars span {\n  display: block; height: 1.5px; background: var(--gold);\n  transition: all 0.35s ease;\n}\n.menu-trigger-bars span:nth-child(1) { width: 22px; }\n.menu-trigger-bars span:nth-child(2) { width: 15px; }\n.menu-trigger-bars span:nth-child(3) { width: 22px; }\n.menu-trigger:hover .menu-trigger-bars span:nth-child(2) { width: 22px; }\n\n\/* Legacy \u2014 hidden *\/\n.nav-links, .nav-cta, .hamburger { display: none !important; }\n\n\/* ============================================================\n   HERO\n   ============================================================ *\/\n.hero {\n  position: relative; min-height: 100vh;\n  display: flex; align-items: center; justify-content: center;\n  overflow: hidden;\n}\n\n.hero-video-wrap {\n  position: absolute; inset: 0; z-index: 0;\n}\n.hero-video-wrap video {\n  width: 100%; height: 100%; object-fit: cover;\n}\n.hero-video-wrap::after {\n  content: '';\n  position: absolute; inset: 0;\n  background:\n    linear-gradient(to bottom,\n      var(--hero-overlay-start) 0%,\n      var(--hero-overlay-mid)   40%,\n      rgba(7,16,30,0.85)        80%,\n      var(--hero-overlay-end)   100%\n    );\n}\n\n.hero-gold-top {\n  position: absolute; top: 0; left: 0; right: 0; height: 3px; z-index: 5;\n  background: linear-gradient(90deg, transparent 0%, var(--gold) 40%, var(--gold-light) 60%, transparent 100%);\n  animation: topbar 4s ease-in-out infinite alternate;\n}\n@keyframes topbar {\n  from { opacity: 0.6; }\n  to   { opacity: 1; box-shadow: 0 0 25px rgba(234,195,129,0.5); }\n}\n\n.hero-content {\n  position: relative; z-index: 10;\n  text-align: center; padding: 2rem;\n  max-width: 860px;\n  animation: fadeUp 1.4s cubic-bezier(.16,1,.3,1) both;\n}\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(50px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n.hero-eyebrow {\n  display: inline-flex; align-items: center; gap: 12px;\n  margin-bottom: 2rem; animation: fadeUp 1.2s 0.15s both;\n}\n.hero-eyebrow span { display: block; width: 36px; height: 1px; background: var(--gold); }\n.hero-eyebrow p {\n  font-size: 0.7rem; font-weight: 500; letter-spacing: 0.35em;\n  text-transform: uppercase; color: var(--gold);\n}\n\n.hero-h1 {\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n  font-family: var(--font-serif);\n  font-size: clamp(2.2rem, 5vw, 4.8rem);\n  font-weight: 700; line-height: 1.1;\n  letter-spacing: -0.02em;\n  display: flex; flex-direction: column; align-items: center; gap: 0.08em;\n  margin-bottom: 0.2em;\n  animation: fadeUp 1.2s 0.25s both;\n}\n.hero-h1-sub {\n  font-size: 1em;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  color: #fff;\n  font-family: var(--font-serif);\n}\n.hero-h1 em {\n  font-style: italic;\n  font-weight: 700;\n}\n\/* gradient on inline-block spans \u2014 fixes background-clip overflow clipping *\/\n.h1-grad {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--gold-deeper) 0%, var(--gold) 50%, var(--gold-light) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.hero-tagline {\n  display: flex; align-items: center; justify-content: center; gap: 1rem;\n  margin: 2rem 0 2.8rem;\n  animation: fadeUp 1.2s 0.4s both;\n}\n.hero-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--gold); flex-shrink: 0; }\n.hero-tagline-text {\n  font-size: 0.72rem; font-weight: 400; letter-spacing: 0.22em;\n  text-transform: uppercase; color: rgba(255,255,255,0.65);\n}\n\n.hero-btns {\n  display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\n  animation: fadeUp 1.2s 0.55s both;\n}\n\n\/* Scroll hint *\/\n.scroll-hint {\n  position: absolute; bottom: 120px; left: 50%; transform: translateX(-50%);\n  z-index: 10; display: flex; flex-direction: column; align-items: center; gap: 8px;\n  animation: fadeUp 1.2s 0.9s both;\n}\n.scroll-hint span { font-size: 0.58rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--muted); }\n.scroll-mouse { width: 22px; height: 36px; border: 1px solid rgba(234,195,129,0.4); border-radius: 11px; position: relative; }\n.scroll-mouse::before {\n  content: ''; position: absolute; top: 7px; left: 50%; transform: translateX(-50%);\n  width: 3px; height: 7px; background: var(--gold); border-radius: 2px;\n  animation: scrollDot 1.8s ease-in-out infinite;\n}\n@keyframes scrollDot {\n  0%   { opacity: 1; transform: translateX(-50%) translateY(0); }\n  100% { opacity: 0; transform: translateX(-50%) translateY(14px); }\n}\n\n\/* Stats bar *\/\n.hero-stats {\n  position: absolute; bottom: 0; left: 0; right: 0; z-index: 10;\n  display: flex; justify-content: center;\n  background: var(--stats-bg); backdrop-filter: blur(20px);\n  border-top: 1px solid var(--border);\n  animation: fadeUp 1.2s 0.7s both;\n}\n.stat-item {\n  flex: 1; max-width: 240px; padding: 1.4rem 1rem;\n  text-align: center; border-right: 1px solid var(--border);\n  transition: background 0.3s;\n}\n.stat-item:last-child { border-right: none; }\n.stat-item:hover { background: rgba(234,195,129,0.06); }\n.stat-num {\n  font-family: var(--font-serif); font-size: 1.9rem; font-weight: 700;\n  color: var(--gold-light); display: block; line-height: 1; margin-bottom: 0.3rem;\n}\n.stat-lbl {\n  font-size: 0.62rem; font-weight: 500; letter-spacing: 0.2em;\n  text-transform: uppercase; color: var(--muted);\n}\n\n\/* ============================================================\n   SECTION WRAPPERS\n   ============================================================ *\/\n.section { padding: 100px 0; }\n.section-dark { background: var(--navy); }\n.section-mid  { background: var(--navy-2); }\n.section-alt  { background: var(--navy-3); }\n.container { max-width: 100%; margin: 0 auto; padding: 0 2rem; }\n.container-wide { max-width: 100%; margin: 0 auto; padding: 0 2rem; }\n.text-center { text-align: center; }\n.text-center .section-desc { margin: 0 auto; }\n\n\/* ============================================================\n   INTRO \/ 3 CARDS\n   ============================================================ *\/\n.intro-cards {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5px;\n  margin-top: 5rem;\n  border: 1.5px solid var(--border);\n}\n.intro-card {\n  background: var(--card-bg); padding: 3rem 2.5rem;\n  border-right: 1.5px solid var(--border);\n  transition: background 0.4s, transform 0.4s;\n  position: relative; overflow: hidden;\n}\n.intro-card:last-child { border-right: none; }\n.intro-card::before {\n  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;\n  background: linear-gradient(90deg, transparent, var(--gold), transparent);\n  transform: scaleX(0); transition: transform 0.4s ease;\n}\n.intro-card:hover { background: #0F1E30; }\n.intro-card:hover::before { transform: scaleX(1); }\n\n.intro-card-icon {\n  width: 52px; height: 52px; margin-bottom: 1.8rem;\n  display: flex; align-items: center; justify-content: center;\n  border: 1px solid var(--border); border-radius: 2px;\n}\n.intro-card-icon svg { width: 26px; height: 26px; stroke: var(--gold); fill: none; stroke-width: 1.5; }\n\n.intro-card h3 {\n  font-family: var(--font-display); font-size: 1.1rem; font-weight: 700;\n  margin-bottom: 1rem; color: var(--off-white); letter-spacing: -0.01em;\n}\n.intro-card p { font-size: 0.88rem; line-height: 1.85; color: var(--muted); }\n\n.intro-card-num {\n  position: absolute; bottom: 2rem; right: 2rem;\n  font-family: var(--font-serif); font-size: 4rem; font-weight: 700;\n  color: rgba(234,195,129,0.05); line-height: 1; pointer-events: none;\n}\n\n\/* ============================================================\n   WHO WE ARE\n   ============================================================ *\/\n.about-grid {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-height: 600px;\n}\n.about-img {\n  position: relative; overflow: hidden;\n}\n.about-img img {\n  width: 100%; height: 100%; object-fit: cover;\n  transition: transform 0.8s ease;\n}\n.about-img:hover img { transform: scale(1.04); }\n.about-img::after {\n  content: ''; position: absolute; inset: 0;\n  background: linear-gradient(90deg, transparent 60%, var(--navy-2) 100%);\n}\n\n.about-text {\n  background: var(--navy-2);\n  padding: 6rem 5rem 6rem 5rem;\n  display: flex; flex-direction: column; justify-content: center;\n}\n.about-text .section-label { justify-content: flex-start; }\n.about-text .section-label::before { display: none; }\n.about-text .section-desc { max-width: 100%; margin-bottom: 1.5rem; }\n\n.about-quote {\n  margin: 2rem 0;\n  padding-left: 1.5rem;\n  border-left: 2px solid var(--gold);\n}\n.about-quote p {\n  font-family: var(--font-serif); font-style: italic;\n  font-size: 1.05rem; line-height: 1.7; color: rgba(255,255,255,0.75);\n}\n\n.about-badges {\n  display: flex; gap: 2rem; margin-top: 2.5rem; flex-wrap: wrap;\n}\n.about-badge {\n  display: flex; align-items: center; gap: 0.8rem;\n}\n.about-badge-icon {\n  width: 40px; height: 40px; flex-shrink: 0;\n  border: 1px solid var(--border); border-radius: 2px;\n  display: flex; align-items: center; justify-content: center;\n}\n.about-badge-icon svg { width: 18px; height: 18px; stroke: var(--gold); fill: none; stroke-width: 1.5; }\n.about-badge-text strong { display: block; font-size: 0.85rem; font-weight: 600; color: var(--gold-light); }\n.about-badge-text span { font-size: 0.72rem; color: var(--muted); }\n\n\/* ============================================================\n   SERVICES GRID (9)\n   ============================================================ *\/\n.services-header { text-align: center; margin-bottom: 4rem; }\n.services-header .section-desc { margin: 0 auto; }\n\n.services-grid {\n  display: grid; grid-template-columns: repeat(4, 1fr);\n  gap: 1px; background: var(--border);\n  border: 1px solid var(--border);\n}\n.service-card {\n  background: var(--card-bg); padding: 2.8rem 2.5rem;\n  transition: background 0.35s, box-shadow 0.35s;\n  position: relative; overflow: hidden; cursor: default;\n}\n.service-card::after {\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;\n  background: linear-gradient(90deg, var(--gold-deeper), var(--gold-light));\n  transform: scaleX(0); transform-origin: left;\n  transition: transform 0.4s ease;\n}\n.service-card:hover { background: #101F32; box-shadow: inset 0 0 60px rgba(234,195,129,0.04); }\n.service-card:hover::after { transform: scaleX(1); }\n\n.service-icon {\n  width: 64px; height: 64px; margin-bottom: 1.8rem;\n  display: flex; align-items: center; justify-content: center;\n  border: 1px solid var(--border); border-radius: 2px;\n  background: rgba(234,195,129,0.04);\n  transition: background 0.35s, border-color 0.35s, box-shadow 0.35s;\n  position: relative;\n}\n.service-icon::after {\n  content: ''; position: absolute; inset: -1px;\n  border: 1px solid rgba(234,195,129,0);\n  transition: border-color 0.35s, box-shadow 0.35s;\n}\n.service-card:hover .service-icon {\n  background: rgba(234,195,129,0.09);\n  border-color: rgba(234,195,129,0.5);\n  box-shadow: 0 0 24px rgba(234,195,129,0.12);\n}\n.service-card:hover .service-icon::after {\n  border-color: rgba(234,195,129,0.15);\n  box-shadow: inset 0 0 16px rgba(234,195,129,0.08);\n}\n.service-icon svg {\n  width: 32px; height: 32px;\n  stroke: var(--gold); fill: none;\n  stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round;\n  transition: transform 0.35s ease, filter 0.35s;\n}\n.service-card:hover .service-icon svg {\n  transform: scale(1.1);\n  filter: drop-shadow(0 0 6px rgba(234,195,129,0.5));\n}\n\n.service-card h4 {\n  font-family: var(--font-display); font-size: 0.95rem; font-weight: 700;\n  margin-bottom: 0.8rem; color: var(--off-white); letter-spacing: -0.01em;\n}\n.service-card p { font-size: 0.82rem; line-height: 1.8; color: var(--muted); }\n\n\/* ============================================================\n   PHILOSOPHY \/ FULL-WIDTH IMAGE\n   ============================================================ *\/\n.philosophy {\n  position: relative; overflow: hidden;\n  min-height: 600px; display: flex; align-items: center;\n}\n.philosophy-bg {\n  position: absolute; inset: 0;\n}\n.philosophy-bg img { width: 100%; height: 100%; object-fit: cover; }\n.philosophy-bg::after {\n  content: ''; position: absolute; inset: 0;\n  background: linear-gradient(135deg, rgba(7,16,30,0.92) 0%, rgba(7,16,30,0.75) 50%, rgba(7,16,30,0.85) 100%);\n}\n\n.philosophy-content {\n  position: relative; z-index: 2;\n  max-width: 700px; padding: 0 4rem;\n}\n.philosophy-content .section-label { justify-content: flex-start; }\n.philosophy-content .section-label::before { display: none; }\n\n.philosophy-grid {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem 4rem;\n  margin-top: 3rem;\n}\n.phil-item h5 {\n  font-family: var(--font-serif); font-size: 1rem; font-weight: 700;\n  color: var(--gold-light); margin-bottom: 0.5rem;\n  display: flex; align-items: center; gap: 10px;\n}\n.phil-item h5::before {\n  content: ''; display: block; width: 20px; height: 1px; background: var(--gold);\n}\n.phil-item p { font-size: 0.82rem; line-height: 1.8; color: var(--muted); }\n\n.philosophy-badge {\n  display: inline-flex; flex-direction: column; align-items: center; justify-content: center;\n  width: 130px; height: 130px;\n  border: 1px solid var(--gold); border-radius: 50%;\n  position: absolute; right: 6rem; top: 50%; transform: translateY(-50%);\n  z-index: 2; background: rgba(234,195,129,0.06);\n  backdrop-filter: blur(10px);\n  animation: rotateBadge 20s linear infinite;\n}\n.philosophy-badge strong {\n  font-family: var(--font-serif); font-size: 2.2rem; font-weight: 700;\n  color: var(--gold-light); line-height: 1;\n}\n.philosophy-badge span {\n  font-size: 0.58rem; letter-spacing: 0.15em; text-transform: uppercase;\n  color: var(--gold); text-align: center; line-height: 1.4;\n}\n@keyframes rotateBadge {\n  from { box-shadow: 0 0 20px rgba(234,195,129,0.1), inset 0 0 20px rgba(234,195,129,0.05); }\n  50%  { box-shadow: 0 0 40px rgba(234,195,129,0.25), inset 0 0 30px rgba(234,195,129,0.08); }\n  to   { box-shadow: 0 0 20px rgba(234,195,129,0.1), inset 0 0 20px rgba(234,195,129,0.05); }\n}\n\n\/* ============================================================\n   AQUASPIRIT SECTION \u2014 video background, text only\n   ============================================================ *\/\n\n    \/* \u2500\u2500 AQUASPIRIT BRAND SECTION \u2500\u2500 *\/\n    .aqua-brand-section {\n      position: relative;\n      background: #07101E;\n      padding: 7rem 0;\n      overflow: hidden;\n    }\n    .aqua-brand-glow {\n      position: absolute;\n      top: -30%;\n      left: -5%;\n      width: 55%;\n      height: 80%;\n      background: radial-gradient(ellipse at center, rgba(234,195,129,0.055) 0%, transparent 68%);\n      pointer-events: none;\n    }\n    .aqua-brand-header { margin-bottom: 3.5rem; }\n    .aqua-brand-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 5rem;\n      align-items: start;\n    }\n    .aqua-brand-desc {\n      color: rgba(255,255,255,0.65);\n      line-height: 1.8;\n      font-size: 0.96rem;\n      margin-bottom: 2.2rem;\n    }\n    .aqua-brand-stats {\n      display: flex;\n      gap: 0.8rem;\n      margin-bottom: 2.5rem;\n    }\n    .aqua-brand-stat {\n      flex: 1;\n      background: rgba(234,195,129,0.03);\n      border: 1px solid rgba(234,195,129,0.15);\n      border-top: 2px solid var(--gold);\n      padding: 1.3rem 1rem;\n      text-align: center;\n      transition: background 0.3s, border-color 0.3s;\n    }\n    .aqua-brand-stat:hover {\n      background: rgba(234,195,129,0.07);\n      border-color: rgba(234,195,129,0.35);\n      border-top-color: var(--gold);\n    }\n    .aqua-brand-num {\n      display: block;\n      font-family: \"Montserrat\", sans-serif;\n      font-size: clamp(1.7rem, 3vw, 2.3rem);\n      font-weight: 700;\n      color: var(--gold);\n      line-height: 1;\n      margin-bottom: 0.45rem;\n    }\n    .aqua-brand-lbl {\n      display: block;\n      font-size: 0.63rem;\n      color: var(--muted);\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n    .aqua-brand-btns { display: flex; gap: 1rem; flex-wrap: wrap; }\n    .aqua-feat-cards { display: flex; flex-direction: column; gap: 0.6rem; }\n    .aqua-feat-card {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      padding: 1rem 1.1rem;\n      background: rgba(255,255,255,0.02);\n      border: 1px solid rgba(234,195,129,0.08);\n      border-left: 2px solid rgba(234,195,129,0.45);\n      transition: background 0.25s, border-left-color 0.25s;\n    }\n    .aqua-feat-card:hover {\n      background: rgba(234,195,129,0.045);\n      border-left-color: var(--gold);\n    }\n    .aqua-feat-icon {\n      width: 34px;\n      min-width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--gold);\n      opacity: 0.9;\n      margin-top: 1px;\n    }\n    .aqua-feat-icon svg { width: 20px; height: 20px; }\n    .aqua-feat-text strong {\n      display: block;\n      font-size: 0.83rem;\n      color: rgba(255,255,255,0.88);\n      font-weight: 600;\n      margin-bottom: 0.2rem;\n      font-family: \"Montserrat\", sans-serif;\n    }\n    .aqua-feat-text span {\n      font-size: 0.78rem;\n      color: rgba(255,255,255,0.5);\n      line-height: 1.5;\n    }\n    @media (max-width: 900px) {\n      .aqua-brand-grid { grid-template-columns: 1fr; gap: 3rem; }\n    }\n    @media (max-width: 560px) {\n      .aqua-brand-stats { gap: 0.5rem; }\n      .aqua-brand-stat { padding: 1rem 0.6rem; }\n    }\n\n}\n\n@media (max-width: 480px) {\n  .services-grid { grid-template-columns: 1fr; }\n  .hero-btns { flex-direction: column; align-items: center; }\n  .hero-stats { flex-wrap: wrap; }\n  .stat-item { min-width: 50%; }\n  .footer-bottom { flex-direction: column; text-align: center; }\n}\n\n\/* ============================================================\n   POPUP MENU OVERLAY\n   ============================================================ *\/\n.popup-menu {\n  position: fixed; inset: 0; z-index: 300;\n  display: flex;\n  pointer-events: none;\n  visibility: hidden;\n}\n\n\/* Left panel \u2014 dark with links *\/\n.popup-panel {\n  position: relative;\n  width: 480px; max-width: 90vw;\n  background: var(--popup-bg);\n  border-right: 1px solid var(--border);\n  display: flex; flex-direction: column; justify-content: center;\n  padding: 5rem 4rem;\n  transform: translateX(-100%);\n  transition: transform 0.6s cubic-bezier(.16,1,.3,1);\n}\n\n\/* Right panel \u2014 blurred overlay *\/\n.popup-overlay {\n  flex: 1;\n  background: rgba(7,16,30,0.65);\n  backdrop-filter: blur(8px);\n  opacity: 0;\n  transition: opacity 0.5s ease;\n  cursor: pointer;\n}\n\n.popup-menu.open {\n  pointer-events: all;\n  visibility: visible;\n}\n.popup-menu.open .popup-panel  { transform: translateX(0); }\n.popup-menu.open .popup-overlay { opacity: 1; }\n\n\/* Close button *\/\n.popup-close {\n  position: absolute; top: 2rem; right: 2rem;\n  width: 48px; height: 48px;\n  border: 1px solid var(--border); background: none; cursor: pointer;\n  display: flex; align-items: center; justify-content: center;\n  color: var(--gold); transition: all 0.3s;\n}\n.popup-close:hover { background: rgba(234,195,129,0.1); border-color: var(--gold); }\n.popup-close svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.8; }\n\n\/* Logo inside panel *\/\n.popup-logo { margin-bottom: 3rem; }\n.popup-logo img { height: 56px; width: auto; opacity: 0.9; }\n\n\/* Nav links *\/\n.popup-nav { list-style: none; display: flex; flex-direction: column; gap: 0; }\n.popup-nav li {\n  border-bottom: 1px solid rgba(234,195,129,0.08);\n  overflow: hidden;\n}\n.popup-nav li:first-child { border-top: 1px solid rgba(234,195,129,0.08); }\n\n.popup-nav a {\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 1.35rem 0;\n  font-family: var(--font-serif);\n  font-size: clamp(1.4rem, 3vw, 1.9rem);\n  font-weight: 400; color: rgba(255,255,255,0.55);\n  transition: color 0.3s, padding-left 0.3s;\n  position: relative;\n}\n.popup-nav a .nav-arrow {\n  width: 20px; height: 20px; stroke: var(--gold); fill: none;\n  stroke-width: 1.5; opacity: 0; transform: translateX(-6px);\n  transition: all 0.3s;\n}\n.popup-nav a:hover {\n  color: var(--gold-light);\n  padding-left: 10px;\n}\n.popup-nav a:hover .nav-arrow { opacity: 1; transform: translateX(0); }\n\n\/* Number labels *\/\n.popup-nav a::before {\n  content: attr(data-num);\n  font-family: var(--font-sans); font-size: 0.6rem;\n  letter-spacing: 0.15em; color: var(--gold-deeper);\n  margin-right: 1rem; flex-shrink: 0; margin-top: 4px;\n}\n\n\/* Bottom contact row *\/\n.popup-footer {\n  margin-top: 3rem; padding-top: 2rem;\n  border-top: 1px solid var(--border);\n  display: flex; flex-direction: column; gap: 0;\n}\n.popup-footer-label {\n  font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold);\n  margin-bottom: 1rem; display: block;\n}\n.popup-contact-item {\n  display: flex; align-items: center; gap: 0.9rem;\n  padding: 0.65rem 0; border-bottom: 1px solid rgba(234,195,129,0.07);\n  text-decoration: none; transition: padding-left 0.3s;\n}\n.popup-contact-item:last-of-type { border-bottom: none; }\n.popup-contact-item:hover { padding-left: 6px; }\n.popup-contact-icon {\n  width: 32px; height: 32px; flex-shrink: 0;\n  border: 1px solid var(--border); border-radius: 2px;\n  display: flex; align-items: center; justify-content: center;\n  background: rgba(234,195,129,0.04);\n  transition: background 0.3s, border-color 0.3s;\n}\n.popup-contact-item:hover .popup-contact-icon {\n  background: rgba(234,195,129,0.12); border-color: rgba(234,195,129,0.45);\n}\n.popup-contact-icon svg { width: 14px; height: 14px; stroke: var(--gold); fill: none; stroke-width: 1.8; }\n.popup-contact-text { font-size: 0.82rem; color: var(--muted); transition: color 0.3s; }\n.popup-contact-item:hover .popup-contact-text { color: var(--gold-light); }\n\n\/* Socials *\/\n.popup-socials { display: flex; gap: 0.7rem; margin-top: 1.4rem; }\n.popup-socials a {\n  display: flex; align-items: center; justify-content: center; gap: 0.5rem;\n  padding: 0.5rem 0.9rem;\n  border: 1px solid var(--border); border-radius: 2px;\n  font-size: 0.62rem; letter-spacing: 0.15em; text-transform: uppercase;\n  color: var(--muted); transition: all 0.3s;\n  background: rgba(234,195,129,0.02);\n}\n.popup-socials a svg { width: 13px; height: 13px; fill: currentColor; flex-shrink: 0; }\n.popup-socials a:hover { color: var(--gold-light); border-color: rgba(234,195,129,0.45); background: rgba(234,195,129,0.08); }\n\n\/* Stagger animation for links *\/\n.popup-menu.open .popup-nav li {\n  animation: slideInLink 0.5s cubic-bezier(.16,1,.3,1) both;\n}\n.popup-menu.open .popup-nav li:nth-child(1) { animation-delay: 0.15s; }\n.popup-menu.open .popup-nav li:nth-child(2) { animation-delay: 0.22s; }\n.popup-menu.open .popup-nav li:nth-child(3) { animation-delay: 0.29s; }\n.popup-menu.open .popup-nav li:nth-child(4) { animation-delay: 0.36s; }\n.popup-menu.open .popup-nav li:nth-child(5) { animation-delay: 0.43s; }\n    .popup-menu.open .popup-nav li:nth-child(6) { animation-delay: 0.50s; }\n\n@keyframes slideInLink {\n  from { opacity: 0; transform: translateY(16px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n    \/* \u2500\u2500 AQUASPIRIT BRAND SECTION \u2500\u2500 *\/\n    .aqua-brand-section {\n      position: relative;\n      background: #07101E;\n      padding: 7rem 0;\n      overflow: hidden;\n    }\n    .aqua-brand-glow {\n      position: absolute;\n      top: -30%;\n      left: -5%;\n      width: 55%;\n      height: 80%;\n      background: radial-gradient(ellipse at center, rgba(234,195,129,0.055) 0%, transparent 68%);\n      pointer-events: none;\n    }\n    .aqua-brand-header { margin-bottom: 3.5rem; }\n    .aqua-brand-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 5rem;\n      align-items: start;\n    }\n    .aqua-brand-desc {\n      color: rgba(255,255,255,0.65);\n      line-height: 1.8;\n      font-size: 0.96rem;\n      margin-bottom: 2.2rem;\n    }\n    .aqua-brand-stats {\n      display: flex;\n      gap: 0.8rem;\n      margin-bottom: 2.5rem;\n    }\n    .aqua-brand-stat {\n      flex: 1;\n      background: rgba(234,195,129,0.03);\n      border: 1px solid rgba(234,195,129,0.15);\n      border-top: 2px solid var(--gold);\n      padding: 1.3rem 1rem;\n      text-align: center;\n      transition: background 0.3s, border-color 0.3s;\n    }\n    .aqua-brand-stat:hover {\n      background: rgba(234,195,129,0.07);\n      border-color: rgba(234,195,129,0.35);\n      border-top-color: var(--gold);\n    }\n    .aqua-brand-num {\n      display: block;\n      font-family: \"Montserrat\", sans-serif;\n      font-size: clamp(1.7rem, 3vw, 2.3rem);\n      font-weight: 700;\n      color: var(--gold);\n      line-height: 1;\n      margin-bottom: 0.45rem;\n    }\n    .aqua-brand-lbl {\n      display: block;\n      font-size: 0.63rem;\n      color: var(--muted);\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n    .aqua-brand-btns { display: flex; gap: 1rem; flex-wrap: wrap; }\n    .aqua-feat-cards { display: flex; flex-direction: column; gap: 0.6rem; }\n    .aqua-feat-card {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      padding: 1rem 1.1rem;\n      background: rgba(255,255,255,0.02);\n      border: 1px solid rgba(234,195,129,0.08);\n      border-left: 2px solid rgba(234,195,129,0.45);\n      transition: background 0.25s, border-left-color 0.25s;\n    }\n    .aqua-feat-card:hover {\n      background: rgba(234,195,129,0.045);\n      border-left-color: var(--gold);\n    }\n    .aqua-feat-icon {\n      width: 34px;\n      min-width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--gold);\n      opacity: 0.9;\n      margin-top: 1px;\n    }\n    .aqua-feat-icon svg { width: 20px; height: 20px; }\n    .aqua-feat-text strong {\n      display: block;\n      font-size: 0.83rem;\n      color: rgba(255,255,255,0.88);\n      font-weight: 600;\n      margin-bottom: 0.2rem;\n      font-family: \"Montserrat\", sans-serif;\n    }\n    .aqua-feat-text span {\n      font-size: 0.78rem;\n      color: rgba(255,255,255,0.5);\n      line-height: 1.5;\n    }\n    @media (max-width: 900px) {\n      .aqua-brand-grid { grid-template-columns: 1fr; gap: 3rem; }\n    }\n    @media (max-width: 560px) {\n      .aqua-brand-stats { gap: 0.5rem; }\n      .aqua-brand-stat { padding: 1rem 0.6rem; }\n    }\n  \n    \/* \u2500\u2500 Philosophy grid redesign \u2500\u2500 *\/\n    .philosophy-grid { gap: 0.7rem !important; margin-top: 2.5rem !important; }\n    .phil-item {\n      background: rgba(255,255,255,0.025) !important;\n      border: 1px solid rgba(234,195,129,0.08) !important;\n      border-top: 2px solid rgba(234,195,129,0.5) !important;\n      padding: 1.2rem 1.3rem !important;\n      transition: background 0.25s, border-top-color 0.25s !important;\n    }\n    .phil-item:hover {\n      background: rgba(234,195,129,0.05) !important;\n      border-top-color: var(--gold) !important;\n    }\n    .phil-num {\n      display: block !important;\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 0.58rem !important;\n      font-weight: 700 !important;\n      color: var(--gold) !important;\n      letter-spacing: 0.18em !important;\n      margin-bottom: 0.55rem !important;\n      opacity: 0.75 !important;\n    }\n    .phil-item h5 {\n      font-size: 0.82rem !important;\n      color: rgba(255,255,255,0.92) !important;\n      margin-bottom: 0.4rem !important;\n      display: block !important;\n    }\n    .phil-item h5::before { display: none !important; }\n    .phil-item p { font-size: 0.78rem !important; line-height: 1.7 !important; color: rgba(255,255,255,0.5) !important; }\n  \n    \/* Philosophy content center alignment *\/\n    .philosophy-content .section-label,\n    .philosophy-content .section-title,\n    .philosophy-content .section-desc {\n      text-align: center !important;\n    }\n    .philosophy-content .section-label { justify-content: center !important; }\n  \n    \/* Philosophy: center text + padding *\/\n    .philosophy { padding: 6rem 0 !important; }\n    .philosophy-content { text-align: center !important; max-width: 800px !important; margin: 0 auto !important; }\n    .philosophy-content .section-label { justify-content: center !important; }\n    .philosophy-content .section-title { text-align: center !important; }\n    .philosophy-content .section-desc { text-align: center !important; }\n  <\/style>\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-d9141e2 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d9141e2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c0b61a9\" data-id=\"c0b61a9\" data-element_type=\"column\" data-e-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-2212fad elementor-widget elementor-widget-html\" data-id=\"2212fad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     POPUP MENU\n     ============================================================ -->\n<!-- ============================================================\n     POPUP MENU\n     ============================================================ -->\n<div class=\"popup-menu\" id=\"popupMenu\">\n  <div class=\"popup-panel\">\n    <button class=\"popup-close\" id=\"popupClose\">\n      <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n    <\/button>\n\n    <div class=\"popup-logo\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n    <\/div>\n\n    <ul class=\"popup-nav\">\n      <li>\n        <a href=\"\/\" data-num=\"01\">\n          Home\n          <svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/li>\n      <li>\n        <a href=\"\/about\/\" data-num=\"02\">\n          \u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u0395\u03bc\u03ac\u03c2\n          <svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/li>\n      <li>\n        <a href=\"\/services\/\" data-num=\"03\">\n          \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2\n          <svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/li>\n      <li>\n        <a href=\"\/aquaspirit\/\" data-num=\"04\">\n          AquaSpirit\n          <svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/li>\n      <li><a href=\"\/contact\/\" data-num=\"05\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n    <\/ul>\n\n    <div class=\"popup-footer\">\n      <span class=\"popup-footer-label\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/span>\n\n      <a href=\"mailto:info@ssmarine.gr\" class=\"popup-contact-item\">\n        <div class=\"popup-contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n        <\/div>\n        <span class=\"popup-contact-text\">info@ssmarine.gr<\/span>\n      <\/a>\n\n      <a href=\"tel:+302109943580\" class=\"popup-contact-item\">\n        <div class=\"popup-contact-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.89 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012.81 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 8.72a16 16 0 006.29 6.29l1.08-1.08a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n        <\/div>\n        <span class=\"popup-contact-text\">+30 210 9943580<\/span>\n      <\/a>\n\n      <div class=\"popup-socials\">\n        \n        <a href=\"https:\/\/www.instagram.com\/ssmarine_\/\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n          Instagram\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"popup-overlay\" id=\"popupOverlay\"><\/div>\n<\/div>\n\n  <!-- NAVBAR -->\n  <nav class=\"navbar\" id=\"navbar\">\n    <a href=\"\/\" class=\"nav-logo\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n    <\/a>\n    <button class=\"menu-trigger\" id=\"menuTrigger\" aria-label=\"Open Menu\">\n      <span class=\"menu-trigger-label\">Menu<\/span>\n      <div class=\"menu-trigger-bars\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/div>\n    <\/button>\n  <\/nav>\n\n<!-- ============================================================\n     HERO\n     ============================================================ -->\n<section class=\"hero\" id=\"home\">\n  <div class=\"hero-gold-top\"><\/div>\n\n  <div class=\"hero-video-wrap\">\n    <video autoplay muted loop playsinline>\n      <source src=\"\/wp-content\/uploads\/seaspirit\/seaspirit-video.mp4\" type=\"video\/mp4\">\n    <\/video>\n  <\/div>\n\n  <div class=\"hero-content\">\n\n    <div class=\"hero-eyebrow\">\n      <span><\/span>\n      <p>Marine Technical Services<\/p>\n      <span><\/span>\n    <\/div>\n\n    <h1 class=\"hero-h1\">\n      <span class=\"hero-h1-sub\">\u0391\u03a5\u03a4\u039f\u039d\u039f\u039c\u0399\u0391 \u03a3\u0395 \u039d\u0395\u03a1\u039f<\/span>\n      <span class=\"h1-grad\">\u0393\u0399\u0391 \u039a\u0391\u0398\u0395 \u03a3\u039a\u0391\u03a6\u039f\u03a3<\/span>\n    <\/h1>\n\n    <div class=\"hero-tagline\">\n      <div class=\"hero-dot\"><\/div>\n      <span class=\"hero-tagline-text\">\u0391\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1<\/span>\n      <div class=\"hero-dot\"><\/div>\n      <span class=\"hero-tagline-text\">\u03a3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b1<\/span>\n      <div class=\"hero-dot\"><\/div>\n      <span class=\"hero-tagline-text\">\u0391\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1<\/span>\n      <div class=\"hero-dot\"><\/div>\n    <\/div>\n\n    <div class=\"hero-btns\">\n      <a href=\"#services\" class=\"btn btn-gold\">\n        \u0391\u03bd\u03b1\u03ba\u03b1\u03bb\u03cd\u03c8\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2\n        <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n      <\/a>\n      <a href=\"#contact\" class=\"btn btn-outline\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u039c\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"scroll-hint\">\n    <div class=\"scroll-mouse\"><\/div>\n    <span>Scroll<\/span>\n  <\/div>\n\n  <div class=\"hero-stats\">\n    <div class=\"stat-item\">\n      <span class=\"stat-num\" data-target=\"10\" data-suffix=\"+\">10+<\/span>\n      <span class=\"stat-lbl\">\u03a7\u03c1\u03cc\u03bd\u03b9\u03b1 \u0395\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\u03c2<\/span>\n    <\/div>\n    <div class=\"stat-item\">\n      <span class=\"stat-num\">500+<\/span>\n      <span class=\"stat-lbl\">\u03a3\u03ba\u03ac\u03c6\u03b7 \u03c0\u03bf\u03c5 \u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03b5\u03c4\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd<\/span>\n    <\/div>\n    <div class=\"stat-item\">\n      <span class=\"stat-num\">9<\/span>\n      <span class=\"stat-lbl\">\u0395\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/span>\n    <\/div>\n    <div class=\"stat-item\">\n      <span class=\"stat-num\">24\/7<\/span>\n      <span class=\"stat-lbl\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03a5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     INTRO 3 CARDS\n     ============================================================ -->\n<section class=\"section section-mid\">\n  <div class=\"container\">\n    <div class=\"text-center reveal\">\n      <div class=\"section-label\">\u03a4\u03b9 \u03a0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5<\/div>\n      <h2 class=\"section-title\">\u03a0\u03bb\u03ae\u03c1\u03b7\u03c2 \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u039a\u03ac\u03bb\u03c5\u03c8\u03b7 \u03b3\u03b9\u03b1 <em>\u039a\u03ac\u03b8\u03b5 \u03a3\u03ba\u03ac\u03c6\u03bf\u03c2<\/em><\/h2>\n      <p class=\"section-desc\">\u03a0\u03b1\u03c1\u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03bf\u03c1\u03b8\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1, \u03c4\u03b7\u03bd \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03bc\u03b1\u03ba\u03c1\u03bf\u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03bf\u03cd.<\/p>\n    <\/div>\n\n    <div class=\"intro-cards reveal\">\n      <div class=\"intro-card\">\n        <div class=\"intro-card-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n        <\/div>\n        <h3>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03a5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7<\/h3>\n        <p>\u03a0\u03bb\u03ae\u03c1\u03b7\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03b3\u03b9\u03b1 \u03c8\u03c5\u03c7\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03c3\u03ba\u03ac\u03c6\u03b7, \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7 \u03c3\u03c9\u03c3\u03c4\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1, \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c1\u03ba\u03ae \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1.<\/p>\n        <div class=\"intro-card-num\">01<\/div>\n      <\/div>\n      <div class=\"intro-card\">\n        <div class=\"intro-card-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/><\/svg>\n        <\/div>\n        <h3>\u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03a3\u03ba\u03b1\u03c6\u03ce\u03bd<\/h3>\n        <p>\u0395\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03b1\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7, \u03ba\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc, \u03c5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03c8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ac \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7\u03c2 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1\u03c2.<\/p>\n        <div class=\"intro-card-num\">02<\/div>\n      <\/div>\n      <div class=\"intro-card\">\n        <div class=\"intro-card-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"\/><\/svg>\n        <\/div>\n        <h3>\u03a0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7<\/h3>\n        <p>\u03a4\u03b1\u03ba\u03c4\u03b9\u03ba\u03bf\u03af \u03ad\u03bb\u03b5\u03b3\u03c7\u03bf\u03b9 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03bf\u03c4\u03c1\u03ad\u03c0\u03bf\u03c5\u03bd \u03b2\u03bb\u03ac\u03b2\u03b5\u03c2, \u03b5\u03c0\u03b5\u03ba\u03c4\u03b5\u03af\u03bd\u03bf\u03c5\u03bd \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1 \u03b6\u03c9\u03ae\u03c2 \u03c4\u03bf\u03c5 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03bf\u03cd \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03c5\u03bd \u03b1\u03c3\u03c6\u03b1\u03bb\u03ae \u03c0\u03bb\u03b5\u03cd\u03c3\u03b7.<\/p>\n        <div class=\"intro-card-num\">03<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     WHO WE ARE\n     ============================================================ -->\n<section class=\"section-dark\" id=\"about\" style=\"padding:0;\">\n  <div class=\"about-grid\">\n    <div class=\"about-img reveal\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/C3253.00_01_07_90.Still036.jpg\" alt=\"Sea Spirit Technicians\">\n    <\/div>\n    <div class=\"about-text reveal reveal-delay-2\">\n      <div class=\"section-label\">\u03a0\u03bf\u03b9\u03bf\u03af \u0395\u03af\u03bc\u03b1\u03c3\u03c4\u03b5<\/div>\n      <h2 class=\"section-title\" style=\"font-size:clamp(1.8rem,4vw,3rem);\">\u0395\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c0\u03bf\u03c5 \u039a\u03ac\u03bd\u03b5\u03b9 <em>\u03c4\u03b7 \u0394\u03b9\u03b1\u03c6\u03bf\u03c1\u03ac<\/em><\/h2>\n      <p class=\"section-desc\">\u03a0\u03b1\u03c1\u03ad\u03c7\u03bf\u03c5\u03bc\u03b5 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03b5 \u03b5\u03c0\u03af\u03ba\u03b5\u03bd\u03c4\u03c1\u03bf \u03c4\u03b7 \u03c3\u03c9\u03c3\u03c4\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1, \u03c4\u03b7\u03bd \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03bc\u03b1\u03ba\u03c1\u03bf\u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03c4\u03bf\u03c5 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03bf\u03cd \u03c3\u03b1\u03c2.<\/p>\n\n      <div class=\"about-quote\">\n        <p>\u00ab\u039a\u03ac\u03b8\u03b5 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03b3\u03b9\u03b1 \u03b5\u03bc\u03ac\u03c2 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03af \u03b4\u03ad\u03c3\u03bc\u03b5\u03c5\u03c3\u03b7 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2, \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b5\u03c5\u03b8\u03c5\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2.\u00bb<\/p>\n      <\/div>\n\n      <p class=\"section-desc\" style=\"margin-bottom:0;\">\u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03af\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03bf\u03cd\u03c2 \u03bc\u03b5 \u03b2\u03b1\u03b8\u03b9\u03ac \u03b3\u03bd\u03ce\u03c3\u03b7 \u03c4\u03c9\u03bd \u03bd\u03b1\u03c5\u03c4\u03b9\u03ba\u03ce\u03bd \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03b5\u03b3\u03b3\u03c5\u03ce\u03bc\u03b1\u03c3\u03c4\u03b5 \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03b1\u03c1\u03ba\u03b5\u03af\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7.<\/p>\n\n      <div class=\"about-badges\">\n        <div class=\"about-badge\">\n          <div class=\"about-badge-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n          <div class=\"about-badge-text\">\n            <strong>\u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03b9 \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03bf\u03af<\/strong>\n            <span>\u0395\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03b5\u03ba\u03c0\u03b1\u03af\u03b4\u03b5\u03c5\u03c3\u03b7<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"about-badge\">\n          <div class=\"about-badge-icon\">\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          <\/div>\n          <div class=\"about-badge-text\">\n            <strong>10+ \u03a7\u03c1\u03cc\u03bd\u03b9\u03b1 \u0395\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\u03c2<\/strong>\n            <span>\u03a3\u03c4\u03b9\u03c2 \u03a4\u0395\u03a7\u039d\u0399\u039a\u0395\u03a3 \u03a5\u03a0\u0397\u03a1\u0395\u03a3\u0399\u0395\u03a3 \u03a3\u03ba\u03b1\u03c6\u03ce\u03bd<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div style=\"margin-top:2.5rem;\">\n        <a href=\"#services\" class=\"btn btn-gold\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     SERVICES GRID (9)\n     ============================================================ -->\n<section class=\"section section-alt\" id=\"services\">\n  <div class=\"container\">\n    <div class=\"services-header reveal\">\n      <div class=\"section-label\">\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/div>\n      <h2 class=\"section-title\">\u03a0\u03bb\u03ae\u03c1\u03b7\u03c2 \u039a\u03ac\u03bb\u03c5\u03c8\u03b7 <em>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ce\u03bd \u0391\u03bd\u03b1\u03b3\u03ba\u03ce\u03bd<\/em><\/h2>\n      <p class=\"section-desc\" style=\"margin:0 auto;\">\u0395\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7 \u03c4\u03bf\u03c5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2 \u03c3\u03b1\u03c2 \u2014 \u03b1\u03c0\u03cc \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ad\u03c9\u03c2 \u03c0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7.<\/p>\n    <\/div>\n\n    <div class=\"services-grid reveal\">\n\n      <!-- 1. \u039c\u03bf\u03bd\u03ac\u03b4\u03b5\u03c2 \u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2 -->\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/icons\/desalination.png\" alt=\"\u039c\u03bf\u03bd\u03ac\u03b4\u03b5\u03c2 \u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2\" width=\"40\" height=\"40\" style=\"filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1);\">\n        <\/div>\n        <h4>\u039c\u03bf\u03bd\u03ac\u03b4\u03b5\u03c2 \u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2<\/h4>\n        <p>\u0395\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7, \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03bc\u03bf\u03bd\u03ac\u03b4\u03c9\u03bd \u03b1\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ae \u03c0\u03b1\u03c1\u03bf\u03c7\u03ae \u03ba\u03b1\u03b8\u03b1\u03c1\u03bf\u03cd \u03bd\u03b5\u03c1\u03bf\u03cd \u03b5\u03bd \u03c0\u03bb\u03c9 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7 \u03bc\u03b1\u03c1\u03af\u03bd\u03b1.<\/p>\n      <\/div>\n\n      <!-- 2. \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03cd -->\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/icons\/cooling-system.png\" alt=\"\u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03cd\" width=\"40\" height=\"40\" style=\"filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1);\">\n        <\/div>\n        <h4>\u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03cd<\/h4>\n        <p>\u039f\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03ba\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03cd \u03b3\u03b9\u03b1 \u03ac\u03bd\u03b5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03c9\u03c3\u03c4\u03ae \u03b8\u03b5\u03c1\u03bc\u03bf\u03ba\u03c1\u03b1\u03c3\u03af\u03b1 \u03c3\u03b5 \u03cc\u03bb\u03bf\u03c5\u03c2 \u03c4\u03bf\u03c5\u03c2 \u03c7\u03ce\u03c1\u03bf\u03c5\u03c2 \u03c4\u03bf\u03c5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2.<\/p>\n      <\/div>\n\n      <!-- 3. \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03a8\u03cd\u03be\u03b7\u03c2 -->\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/icons\/fan.png\" alt=\"\u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03a8\u03cd\u03be\u03b7\u03c2\" width=\"40\" height=\"40\" style=\"filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1);\">\n        <\/div>\n        <h4>\u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03a8\u03cd\u03be\u03b7\u03c2<\/h4>\n        <p>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b9\u03c3\u03ba\u03b5\u03c5\u03ae \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03c8\u03cd\u03be\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03b1\u03c3\u03c6\u03b1\u03bb\u03ae \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u03c4\u03c1\u03bf\u03c6\u03af\u03bc\u03c9\u03bd \u03ba\u03b1\u03b9 \u03c3\u03c9\u03c3\u03c4\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03bf\u03cd.<\/p>\n      <\/div>\n\n      <!-- 4. \u0391\u03bd\u03c4\u03bb\u03af\u03b5\u03c2 \u03a3\u03ba\u03b1\u03c6\u03ce\u03bd -->\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/icons\/pump.png\" alt=\"\u0391\u03bd\u03c4\u03bb\u03af\u03b5\u03c2 \u03a3\u03ba\u03b1\u03c6\u03ce\u03bd\" width=\"40\" height=\"40\" style=\"filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1);\">\n        <\/div>\n        <h4>\u0391\u03bd\u03c4\u03bb\u03af\u03b5\u03c2 \u03a3\u03ba\u03b1\u03c6\u03ce\u03bd<\/h4>\n        <p>\u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7, \u03b5\u03c0\u03b9\u03c3\u03ba\u03b5\u03c5\u03ae \u03ba\u03b1\u03b9 \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03b1\u03bd\u03c4\u03bb\u03b9\u03ce\u03bd \u03b3\u03b9\u03b1 \u03b1\u03c0\u03c1\u03cc\u03c3\u03ba\u03bf\u03c0\u03c4\u03b7 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03ba\u03c1\u03af\u03c3\u03b9\u03bc\u03c9\u03bd \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd.<\/p>\n      <\/div>\n\n      <!-- 5. \u03a5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ad\u03c2 \u0395\u03b3\u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 -->\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/icons\/valve.png\" alt=\"\u03a5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ad\u03c2 \u0395\u03b3\u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2\" width=\"40\" height=\"40\" style=\"filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1);\">\n        <\/div>\n        <h4>\u03a5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ad\u03c2 \u0395\u03b3\u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2<\/h4>\n        <p>\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03c5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ce\u03bd \u03b4\u03b9\u03ba\u03c4\u03cd\u03c9\u03bd \u03bc\u03b5 \u03ad\u03bc\u03c6\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03bc\u03b1\u03ba\u03c1\u03bf\u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1.<\/p>\n      <\/div>\n\n      <!-- 6. \u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u0391\u03b5\u03c1\u03b1\u03b3\u03c9\u03b3\u03ce\u03bd -->\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/icons\/ventilation.png\" alt=\"\u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u0391\u03b5\u03c1\u03b1\u03b3\u03c9\u03b3\u03ce\u03bd\" width=\"40\" height=\"40\" style=\"filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1);\">\n        <\/div>\n        <h4>\u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u0391\u03b5\u03c1\u03b1\u03b3\u03c9\u03b3\u03ce\u03bd<\/h4>\n        <p>\u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc\u03c2 \u03ba\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b1\u03b5\u03c1\u03b1\u03b3\u03c9\u03b3\u03ce\u03bd \u03b3\u03b9\u03b1 \u03b2\u03b5\u03bb\u03c4\u03b9\u03c9\u03bc\u03ad\u03bd\u03b7 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b1\u03ad\u03c1\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03b4\u03bf\u03c4\u03b9\u03ba\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd.<\/p>\n      <\/div>\n\n      <!-- 7. \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 -->\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/icons\/control-system.png\" alt=\"\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\" width=\"40\" height=\"40\" style=\"filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1);\">\n        <\/div>\n        <h4>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7<\/h4>\n        <p>\u0391\u03ba\u03c1\u03b9\u03b2\u03ae\u03c2 \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ce\u03bd \u03c0\u03c1\u03bf\u03b2\u03bb\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03bc\u03b5 \u03c3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b1 \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03b3\u03bd\u03ce\u03c3\u03b7.<\/p>\n      <\/div>\n\n      <!-- 8. \u03a0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 -->\n      <div class=\"service-card\">\n        <div class=\"service-icon\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/icons\/maintenance.png\" alt=\"\u03a0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7\" width=\"40\" height=\"40\" style=\"filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(1.1);\">\n        <\/div>\n        <h4>\u03a0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7<\/h4>\n        <p>\u03a4\u03b1\u03ba\u03c4\u03b9\u03ba\u03bf\u03af \u03ad\u03bb\u03b5\u03b3\u03c7\u03bf\u03b9 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03c0\u03bf\u03c5 \u03c0\u03c1\u03bf\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03bf\u03c5\u03bd \u03b2\u03bb\u03ac\u03b2\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03bf\u03bc\u03b1\u03bb\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03c4\u03bf\u03c5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     PHILOSOPHY\n     ============================================================ -->\n<section class=\"philosophy\">\n  <div class=\"philosophy-bg\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/C3253.00_00_53_53.Still032.jpg\" alt=\"Sea Spirit at Work\">\n  <\/div>\n\n  <div class=\"container-wide\">\n    <div class=\"philosophy-content reveal\">\n      <div class=\"section-label\">\u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1<\/div>\n      <h2 class=\"section-title\" style=\"font-size:clamp(1.8rem,4vw,3rem);\">\u0397 \u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1 \u03a0\u03af\u03c3\u03c9 \u03b1\u03c0\u03cc <em>\u039a\u03ac\u03b8\u03b5 \u03a3\u03ba\u03ac\u03c6\u03bf\u03c2<\/em><\/h2>\n      <p class=\"section-desc\">\u0397 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1, \u03b7 \u03b5\u03be\u03b5\u03b9\u03b4\u03af\u03ba\u03b5\u03c5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b7 \u03c0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03c4\u03b7 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf\u03b9 \u03b1\u03be\u03af\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03b4\u03b9\u03ad\u03c0\u03bf\u03c5\u03bd \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03b1\u03c2.<\/p>\n\n      <div class=\"philosophy-grid\">\n        <div class=\"phil-item\">\n          <span class=\"phil-num\">01<\/span>\n          <h5>\u03a0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03a7\u03c9\u03c1\u03af\u03c2 \u03a3\u03c5\u03bc\u03b2\u03b9\u03b2\u03b1\u03c3\u03bc\u03bf\u03cd\u03c2<\/h5>\n          <p>\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03bc\u03cc\u03bd\u03bf \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03c5\u03bb\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03b3\u03b9\u03b1 \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd.<\/p>\n        <\/div>\n        <div class=\"phil-item\">\n          <span class=\"phil-num\">02<\/span>\n          <h5>\u0391\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u038c\u03bb\u03b1<\/h5>\n          <p>\u039a\u03ac\u03b8\u03b5 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03ad\u03c1\u03b2\u03b9\u03c2 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03b1\u03c5\u03c3\u03c4\u03b7\u03c1\u03ae \u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03c4\u03c9\u03bd \u03b4\u03b9\u03b5\u03b8\u03bd\u03ce\u03bd \u03bd\u03b1\u03c5\u03c4\u03b9\u03ba\u03ce\u03bd \u03c0\u03c1\u03bf\u03c4\u03cd\u03c0\u03c9\u03bd.<\/p>\n        <\/div>\n        <div class=\"phil-item\">\n          <span class=\"phil-num\">03<\/span>\n          <h5>\u039c\u03b1\u03ba\u03c1\u03bf\u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u0391\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1<\/h5>\n          <p>\u039f \u03c3\u03c4\u03cc\u03c7\u03bf\u03c2 \u03bc\u03b1\u03c2 \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf \u03b7 \u03b5\u03c0\u03af\u03bb\u03c5\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03ac\u03bc\u03b5\u03c3\u03bf\u03c5 \u03c0\u03c1\u03bf\u03b2\u03bb\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2, \u03b1\u03bb\u03bb\u03ac \u03b7 \u03c0\u03c1\u03cc\u03bb\u03b7\u03c8\u03b7 \u03bc\u03b5\u03bb\u03bb\u03bf\u03bd\u03c4\u03b9\u03ba\u03ce\u03bd \u03b2\u03bb\u03b1\u03b2\u03ce\u03bd.<\/p>\n        <\/div>\n        <div class=\"phil-item\">\n          <span class=\"phil-num\">04<\/span>\n          <h5>\u03a0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7<\/h5>\n          <p>\u039a\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2 \u03ad\u03c7\u03b5\u03b9 \u03c4\u03b9\u03c2 \u03b4\u03b9\u03ba\u03ad\u03c2 \u03c4\u03bf\u03c5 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2. \u03a0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b1\u03c2 \u03c3\u03c4\u03b9\u03c2 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b1\u03c2.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"philosophy-badge\">\n      <strong>10+<\/strong>\n      <span>\u03a7\u03c1\u03cc\u03bd\u03b9\u03b1<br>\u0395\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\u03c2<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     AQUASPIRIT \/ WHY CHOOSE US\n     ============================================================ -->\n<!-- AQUASPIRIT BRAND SECTION -->\n<!-- AQUASPIRIT BRAND SECTION -->\n<section class=\"aqua-brand-section\" id=\"aquaspirit\">\n  <div class=\"aqua-brand-glow\"><\/div>\n  <div class=\"container-wide\">\n    <div class=\"aqua-brand-grid\">\n\n      <!-- LEFT -->\n      <div class=\"reveal\">\n        <div class=\"section-label\">AquaSpirit<\/div>\n        <h2 class=\"section-title\" style=\"font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1.5rem;\">\u03a4\u03bf \u0394\u03b9\u03ba\u03cc \u03bc\u03b1\u03c2 Brand <em>\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2<\/em><\/h2>\n        <p class=\"aqua-brand-desc\">\u039f\u03b9 \u03bc\u03bf\u03bd\u03ac\u03b4\u03b5\u03c2 AquaSpirit \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03c3\u03c4\u03b7\u03ba\u03b1\u03bd \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7\u03c2 \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03b1\u03c2 \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2 \u2014 \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03b7 \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae \u03ba\u03b1\u03b8\u03b1\u03c1\u03bf\u03cd \u03bd\u03b5\u03c1\u03bf\u03cd \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1, \u03bc\u03b5 \u03c4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2.<\/p>\n\n        <div class=\"aqua-brand-stats\">\n          <div class=\"aqua-brand-stat\">\n            <span class=\"aqua-brand-num\">4<\/span>\n            <span class=\"aqua-brand-lbl\">\u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1<\/span>\n          <\/div>\n          <div class=\"aqua-brand-stat\">\n            <span class=\"aqua-brand-num\">100%<\/span>\n            <span class=\"aqua-brand-lbl\">Marine Grade<\/span>\n          <\/div>\n          <div class=\"aqua-brand-stat\">\n            <span class=\"aqua-brand-num\">24\/7<\/span>\n            <span class=\"aqua-brand-lbl\">\u03a5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"aqua-brand-btns\">\n          <a href=\"\/aquaspirit\/\" class=\"btn btn-gold\">\u0394\u03b5\u03af\u03c4\u03b5 \u038c\u03bb\u03b1 \u03c4\u03b1 \u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u2192<\/a>\n          <a href=\"#contact\" class=\"btn btn-outline\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u039c\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: Feature Cards -->\n      <div class=\"reveal reveal-delay-2\">\n        <div class=\"aqua-feat-cards\">\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2C6.5 8 4 12 4 15a8 8 0 0 0 16 0c0-3-2.5-7-8-13z\"\/><\/svg><\/div>\n            <div class=\"aqua-feat-text\"><strong>\u03a5\u03c8\u03b7\u03bb\u03ae \u0391\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 RO<\/strong><span>\u0391\u03bd\u03c4\u03af\u03c3\u03c4\u03c1\u03bf\u03c6\u03b7 \u03cc\u03c3\u03bc\u03c9\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ae \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae \u03ba\u03b1\u03b8\u03b1\u03c1\u03bf\u03cd \u03bd\u03b5\u03c1\u03bf\u03cd \u03c3\u03b5 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2<\/span><\/div>\n          <\/div>\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div>\n            <div class=\"aqua-feat-text\"><strong>\u0395\u03bd\u03b5\u03c1\u03b3\u03b5\u03b9\u03b1\u03ba\u03ae \u0391\u03c0\u03bf\u03b4\u03bf\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1<\/strong><span>\u03a7\u03b1\u03bc\u03b7\u03bb\u03ae \u03ba\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7 \u03c1\u03b5\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b1\u03c5\u03c4\u03bf\u03bd\u03bf\u03bc\u03af\u03b1 \u03c3\u03c4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2<\/span><\/div>\n          <\/div>\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n            <div class=\"aqua-feat-text\"><strong>Marine Grade \u03a5\u03bb\u03b9\u03ba\u03ac<\/strong><span>\u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03b1\u03bb\u03bc\u03c5\u03c1\u03cc \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd, \u03bc\u03b1\u03ba\u03c1\u03ac\u03c2 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1\u03c2 \u03b6\u03c9\u03ae\u03c2<\/span><\/div>\n          <\/div>\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93A10 10 0 1 0 4.93 19.07M21 12h-3M6 12H3M12 3V6M12 18v3\"\/><\/svg><\/div>\n            <div class=\"aqua-feat-text\"><strong>\u0395\u03cd\u03ba\u03bf\u03bb\u03b7 \u0395\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7<\/strong><span>\u0393\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03c4\u03bf\u03c0\u03bf\u03b8\u03ad\u03c4\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03c3\u03c4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2 \u03c7\u03c9\u03c1\u03af\u03c2 \u03b5\u03b9\u03b4\u03b9\u03ba\u03ac \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1<\/span><\/div>\n          <\/div>\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"4\" rx=\"1\"\/><rect x=\"4\" y=\"7\" width=\"16\" height=\"4\" rx=\"1\"\/><rect x=\"6\" y=\"11\" width=\"12\" height=\"4\" rx=\"1\"\/><rect x=\"8\" y=\"15\" width=\"8\" height=\"4\" rx=\"1\"\/><\/svg><\/div>\n            <div class=\"aqua-feat-text\"><strong>4 \u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u03b3\u03b9\u03b1 \u039a\u03ac\u03b8\u03b5 \u03a3\u03ba\u03ac\u03c6\u03bf\u03c2<\/strong><span>Splitline, Splitline S, Premium \u03ba\u03b1\u03b9 Pro \u2014 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c4\u03cd\u03c0\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03b1\u03af\u03c4\u03b7\u03c3\u03b7<\/span><\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     TESTIMONIALS\n     ============================================================ -->\n<section class=\"section section-dark\">\n  <div class=\"container\">\n    <div class=\"testimonials-header reveal\">\n      <div class=\"section-label\">\u039c\u03b1\u03c1\u03c4\u03c5\u03c1\u03af\u03b5\u03c2<\/div>\n      <h2 class=\"section-title\">\u03a4\u03b9 \u039b\u03ad\u03bd\u03b5 \u03bf\u03b9 <em>\u03a0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03bc\u03b1\u03c2<\/em><\/h2>\n      <p class=\"section-desc\">\u0397 \u03b9\u03ba\u03b1\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03c9\u03bd \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b5\u03c0\u03b9\u03b2\u03c1\u03ac\u03b2\u03b5\u03c5\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac\u03c2 \u03bc\u03b1\u03c2.<\/p>\n    <\/div>\n\n    <div class=\"testimonials-grid\">\n      <div class=\"testi-card reveal\">\n        <span class=\"testi-quote-mark\">\"<\/span>\n        <p class=\"testi-text\">\u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c0\u03bf\u03c5 \u03ad\u03b4\u03b5\u03b9\u03be\u03b5 \u03ac\u03ba\u03c1\u03b1 \u03c0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b1. \u0397 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03bc\u03bf\u03bd\u03ac\u03b4\u03b1\u03c2 \u03b1\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2 \u03ad\u03b3\u03b9\u03bd\u03b5 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac. \u03a4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2 \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03bb\u03ad\u03bf\u03bd \u03c0\u03bb\u03ae\u03c1\u03c9\u03c2 \u03b1\u03c5\u03c4\u03cc\u03bd\u03bf\u03bc\u03bf \u03c3\u03b5 \u03bd\u03b5\u03c1\u03cc.<\/p>\n        <div class=\"testi-stars\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <div class=\"testi-author\">\n          <div class=\"testi-avatar\">\u0393<\/div>\n          <div class=\"testi-author-name\">\n            <strong>\u0393\u03b9\u03ce\u03c1\u03b3\u03bf\u03c2 \u03a0.<\/strong>\n            <span>\u0399\u03b4\u03b9\u03bf\u03ba\u03c4\u03ae\u03c4\u03b7\u03c2 \u03a3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2, \u0391\u03b8\u03ae\u03bd\u03b1<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testi-card reveal reveal-delay-2\">\n        <span class=\"testi-quote-mark\">\"<\/span>\n        <p class=\"testi-text\">\u0397 \u03c0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03b1\u03c0\u03cc \u03c4\u03b7 Sea Spirit \u03bc\u03b1\u03c2 \u03b3\u03bb\u03af\u03c4\u03c9\u03c3\u03b5 \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03c3\u03bf\u03b2\u03b1\u03c1\u03ae \u03b2\u03bb\u03ac\u03b2\u03b7 \u03c3\u03c4\u03bf \u03ba\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03b5\u03bd \u03c0\u03bb\u03c9. \u0397 \u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03bf\u03c3\u03cd\u03bd\u03b7 \u03c0\u03bf\u03c5 \u03b4\u03b5\u03af\u03c7\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03ba\u03ac\u03b8\u03b5 \u03c7\u03c1\u03cc\u03bd\u03bf \u03b1\u03c0\u03bf\u03b4\u03af\u03b4\u03b5\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1.<\/p>\n        <div class=\"testi-stars\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <div class=\"testi-author\">\n          <div class=\"testi-avatar\">\u039a<\/div>\n          <div class=\"testi-author-name\">\n            <strong>\u039a\u03ce\u03c3\u03c4\u03b1\u03c2 \u039c.<\/strong>\n            <span>Captain, \u0398\u03b5\u03c3\u03c3\u03b1\u03bb\u03bf\u03bd\u03af\u03ba\u03b7<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testi-card reveal reveal-delay-3\">\n        <span class=\"testi-quote-mark\">\"<\/span>\n        <p class=\"testi-text\">\u03a7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c4\u03ce\u03c1\u03b1 \u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c5\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c4\u03b7 Sea Spirit \u03b3\u03b9\u03b1 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c4\u03bf\u03c5 \u03c3\u03c4\u03cc\u03bb\u03bf\u03c5 \u03bc\u03b1\u03c2. \u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2, \u03c4\u03b1\u03c7\u03cd\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1. \u03a4\u03bf\u03c5\u03c2 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bd\u03c9 \u03b1\u03bd\u03b5\u03c0\u03b9\u03c6\u03cd\u03bb\u03b1\u03ba\u03c4\u03b1.<\/p>\n        <div class=\"testi-stars\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <div class=\"testi-author\">\n          <div class=\"testi-avatar\">\u039d<\/div>\n          <div class=\"testi-author-name\">\n            <strong>\u039d\u03af\u03ba\u03bf\u03c2 \u0391.<\/strong>\n            <span>\u0394\u03b9\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03ae\u03c2 \u039d\u03b1\u03c5\u03c4\u03b9\u03bb\u03b9\u03b1\u03ba\u03ae\u03c2, \u03a0\u03b5\u03b9\u03c1\u03b1\u03b9\u03ac\u03c2<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     FAQ\n     ============================================================ -->\n<section class=\"section section-alt\" id=\"faq\">\n  <div class=\"container\">\n    <div class=\"faq-header reveal\">\n      <div class=\"section-label\">FAQ<\/div>\n      <h2 class=\"section-title\">\u03a3\u03c5\u03c7\u03bd\u03ad\u03c2 <em>\u0395\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2<\/em><\/h2>\n      <p class=\"section-desc\">\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b9\u03c2 \u03c0\u03b9\u03bf \u03c3\u03c5\u03bd\u03b7\u03b8\u03b9\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2.<\/p>\n    <\/div>\n\n    <div class=\"faq-wrap reveal\">\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a0\u03bf\u03b9\u03b5\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b7 Sea Spirit;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u0397 Sea Spirit \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03c3\u03ba\u03b1\u03c6\u03ce\u03bd: \u03bc\u03bf\u03bd\u03ac\u03b4\u03b5\u03c2 \u03b1\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2 (AquaSpirit), \u03ba\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc HVAC, \u03c8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ac \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1, \u03c5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ad\u03c2 \u03b5\u03b3\u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2, \u03b1\u03bd\u03c4\u03bb\u03af\u03b5\u03c2, \u03ba\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc \u03b1\u03b5\u03c1\u03b1\u03b3\u03c9\u03b3\u03ce\u03bd, \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u03b4\u03b9\u03b1\u03b3\u03bd\u03c9\u03c3\u03c4\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a3\u03b5 \u03c0\u03bf\u03b9\u03bf\u03c5\u03c2 \u03c4\u03cd\u03c0\u03bf\u03c5\u03c2 \u03c3\u03ba\u03b1\u03c6\u03ce\u03bd \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03b5\u03c4\u03b5\u03af\u03c4\u03b5;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03b5\u03c4\u03bf\u03cd\u03bc\u03b5 \u03c8\u03c5\u03c7\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03ac \u03c3\u03ba\u03ac\u03c6\u03b7 (\u03b9\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u03ca\u03ba\u03ac, \u03bc\u03b7\u03c7\u03b1\u03bd\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03b1), super yachts, \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03c3\u03ba\u03ac\u03c6\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03bb\u03b9\u03b5\u03c5\u03c4\u03b9\u03ba\u03ac. \u039a\u03ac\u03b8\u03b5 \u03bb\u03cd\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b9\u03c2 \u03b9\u03b4\u03b9\u03b1\u03af\u03c4\u03b5\u03c1\u03b5\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c4\u03bf\u03c5 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a4\u03b9 \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03b7 \u03c0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u0397 \u03c0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03c4\u03b1\u03ba\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03c2 \u03cc\u03bb\u03c9\u03bd \u03c4\u03c9\u03bd \u03bc\u03b7\u03c7\u03b1\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ce\u03bd \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c6\u03b8\u03b1\u03c1\u03c4\u03ce\u03bd \u03b5\u03be\u03b1\u03c1\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03ba\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc \u03c6\u03af\u03bb\u03c4\u03c1\u03c9\u03bd, \u03ad\u03bb\u03b5\u03b3\u03c7\u03bf \u03c0\u03b9\u03ad\u03c3\u03b5\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b8\u03b5\u03c1\u03bc\u03bf\u03ba\u03c1\u03b1\u03c3\u03b9\u03ce\u03bd, \u03ba\u03b1\u03b8\u03ce\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b1\u03bb\u03c5\u03c4\u03b9\u03ba\u03ae \u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03bf\u03cd.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a0\u03bf\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 AquaSpirit \u03c0\u03bf\u03c5 \u03b4\u03b9\u03b1\u03b8\u03ad\u03c4\u03b5\u03c4\u03b5;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u0394\u03b9\u03b1\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03c4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b9\u03c2 \u03c3\u03b5\u03b9\u03c1\u03ad\u03c2: AquaSpirit Premium, AquaSpirit Pro, AquaSpirit Splitline \u03ba\u03b1\u03b9 AquaSpirit Splitline S. \u039a\u03ac\u03b8\u03b5 \u03c3\u03b5\u03b9\u03c1\u03ac \u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03b5\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae\u03c2 \u03bd\u03b5\u03c1\u03bf\u03cd \u03ba\u03b1\u03b9 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03c4\u03b5 \u03b5\u03c0\u03b9\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2 \u03b5\u03bd \u03c0\u03bb\u03c9;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u039d\u03b1\u03b9, \u03b7 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03ad\u03bd\u03b7 \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b9\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03ad\u03c1\u03b2\u03b9\u03c2 on-board. \u0394\u03b9\u03b1\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03cc \u03c0\u03bf\u03c5 \u03bc\u03b1\u03c2 \u03b5\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03bb\u03cd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03b2\u03bb\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03c3\u03c4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2, \u03b5\u03bb\u03b1\u03c7\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03ce\u03bd\u03c4\u03b1\u03c2 \u03c4\u03bf\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf \u03b5\u03ba\u03c4\u03cc\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b1\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a0\u03ce\u03c2 \u03bc\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03ba\u03bb\u03b5\u03af\u03c3\u03c9 \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b9\u03b8\u03b5\u03ce\u03c1\u03b7\u03c3\u03b7;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03b5\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2 \u03bc\u03ad\u03c3\u03c9 \u03c4\u03b7\u03c2 \u03c6\u03cc\u03c1\u03bc\u03b1\u03c2 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2, \u03c4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03ac \u03ae \u03bc\u03ad\u03c3\u03c9 email. \u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b8\u03b1 \u03c3\u03b1\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9 \u03b5\u03bd\u03c4\u03cc\u03c2 24 \u03c9\u03c1\u03ce\u03bd \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03bb\u03b5\u03af\u03c3\u03b5\u03c4\u03b5 \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03c0\u03bf\u03c5 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03b5\u03c4\u03b5\u03af \u03c4\u03bf \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03ac \u03c3\u03b1\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b5 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03c5\u03bb\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03c5\u03bb\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03b1 \u03c7\u03c1\u03ae\u03c3\u03b7, \u03b1\u03c0\u03cc \u03b1\u03bd\u03b1\u03b3\u03bd\u03c9\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03c4\u03ad\u03c2. \u0395\u03b3\u03b3\u03c5\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03b8\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03c4\u03b5 \u03c3\u03c5\u03bc\u03b2\u03cc\u03bb\u03b1\u03b9\u03b1 \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7\u03c2;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u039d\u03b1\u03b9, \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b1 \u03b5\u03c4\u03ae\u03c3\u03b9\u03b1 \u03c3\u03c5\u03bc\u03b2\u03cc\u03bb\u03b1\u03b9\u03b1 \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03bf\u03c5\u03bd \u03c0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03c2, \u03c0\u03c1\u03bf\u03c4\u03b5\u03c1\u03b1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7\u03c2 \u03c3\u03b5 \u03ad\u03ba\u03c4\u03b1\u03ba\u03c4\u03b5\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03ad\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 \u03c3\u03b5 \u03b1\u03bd\u03c4\u03b1\u03bb\u03bb\u03b1\u03ba\u03c4\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1.<\/p><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     CTA BANNER\n     ============================================================ -->\n<section class=\"cta-banner\" id=\"contact\">\n  <div class=\"cta-banner-bg\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/C3253.00_02_38_94.Still043.jpg\" alt=\"Sea Spirit Marine\">\n  <\/div>\n  <div class=\"container\">\n    <div class=\"cta-banner-content reveal\">\n      <div class=\"section-label\" style=\"justify-content:center;\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/div>\n      <h2 class=\"section-title\">\u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03b9 \u03bd\u03b1 <em>\u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5<\/em>;<\/h2>\n      <p class=\"section-desc\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1 \u03b3\u03b9\u03b1 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03b5\u03ba\u03c4\u03af\u03bc\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03c0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c4\u03bf\u03c5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2 \u03c3\u03b1\u03c2.<\/p>\n      <div style=\"display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-top:2.5rem;\">\n        <a href=\"mailto:info@ssmarine.gr\" class=\"btn btn-gold\">\n          \u03a3\u03c4\u03b5\u03af\u03bb\u03c4\u03b5 Email\n          <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n        <a href=\"tel:+302109943580\" class=\"btn btn-outline\">\u03a4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03ac<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     FOOTER\n     ============================================================ -->\n<style>\n.ss-footer{--ss-footer-bg:#050D18;--ss-border:rgba(234,195,129,0.18);--ss-muted:rgba(255,255,255,0.55);--ss-gold:#EAC381;--ss-gold-light:#F2D9A8;--ss-gold-deeper:#9A7030;--ss-off-white:#F5F0E8;--ss-font-serif:'Lora',Georgia,serif;background:var(--ss-footer-bg);border-top:1px solid var(--ss-border);padding:70px 0 0;color:#fff;font-family:'Inter',sans-serif;}\n.ss-footer .ss-container{max-width:1280px;margin:0 auto;padding:0 2rem;}\n.ss-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;}\n.ss-footer-brand img{height:38px;width:auto;margin-bottom:1.5rem;}\n.ss-footer-brand p{font-size:0.82rem;line-height:1.85;color:var(--ss-muted);max-width:280px;margin-bottom:2rem;}\n.ss-footer-brand-tagline{font-family:var(--ss-font-serif);font-style:italic;font-size:0.9rem;color:var(--ss-gold-light);line-height:1.5;margin-bottom:1.5rem;}\n.ss-footer-socials{display:flex;gap:0.8rem;margin-top:1.5rem;}\n.ss-footer-social{width:38px;height:38px;border:1px solid var(--ss-border);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--ss-muted);transition:all 0.3s;text-decoration:none;}\n.ss-footer-social:hover{background:rgba(234,195,129,0.1);border-color:var(--ss-gold);color:var(--ss-gold-light);}\n.ss-footer-social svg{width:16px;height:16px;fill:currentColor;}\n.ss-footer-col h5{font-size:0.7rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--ss-gold);margin-bottom:1.5rem;padding-bottom:0.8rem;border-bottom:1px solid var(--ss-border);}\n.ss-footer-col ul{display:flex;flex-direction:column;gap:0.6rem;list-style:none;padding:0;margin:0;}\n.ss-footer-col ul li a{font-size:0.82rem;color:var(--ss-muted);transition:color 0.3s;display:flex;align-items:center;gap:6px;text-decoration:none;}\n.ss-footer-col ul li a::before{content:'\u2014';color:var(--ss-gold-deeper);font-size:0.7rem;}\n.ss-footer-col ul li a:hover{color:var(--ss-gold-light);}\n.ss-footer-contact p{font-size:0.82rem;color:var(--ss-muted);line-height:2;}\n.ss-footer-contact strong{color:var(--ss-off-white);}\n.ss-footer-bottom{border-top:1px solid var(--ss-border);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.ss-footer-bottom p{font-size:0.72rem;color:var(--ss-muted);}\n.ss-footer-bottom a{color:var(--ss-gold);transition:color 0.3s;text-decoration:none;}\n.ss-footer-bottom a:hover{color:var(--ss-gold-light);}\n.ss-footer-legal{display:flex;gap:1.5rem;}\n@media (max-width:1024px){.ss-footer-grid{grid-template-columns:1fr 1fr;gap:3rem;}}\n@media (max-width:768px){.ss-footer-grid{grid-template-columns:1fr;gap:2.5rem;}}\n@media (max-width:480px){.ss-footer-bottom{flex-direction:column;text-align:center;}}\n<\/style>\n<footer class=\"ss-footer\">\n  <div class=\"ss-container\">\n    <div class=\"ss-footer-grid\">\n      <div class=\"ss-footer-brand\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n        <p class=\"ss-footer-brand-tagline\">\u00ab\u0391\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1. \u03a3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b1. \u0391\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.\u00bb<\/p>\n        \n        <div class=\"ss-footer-socials\">\n          <a href=\"https:\/\/www.instagram.com\/ssmarine_\/\" class=\"ss-footer-social\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/h5>\n        <ul>\n          <li><a href=\"\/services\/\">\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7 \u039d\u03b5\u03c1\u03bf\u03cd<\/a><\/li>\n          <li><a href=\"\/services\/\">\u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 HVAC<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ac \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ac<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u0394\u03b9\u03b1\u03b3\u03bd\u03c9\u03c3\u03c4\u03b9\u03ba\u03ac<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u0395\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1<\/h5>\n        <ul>\n          <li><a href=\"\/about\/\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b5\u03bc\u03ac\u03c2<\/a><\/li>\n          <li><a href=\"\/aquaspirit\/\">AquaSpirit<\/a><\/li>\n          <li><a href=\"\/contact\/\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/a><\/li>\n          <li><a href=\"\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a><\/li>\n          <li><a href=\"\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col ss-footer-contact\">\n        <h5>\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/h5>\n        <p><strong>Email<\/strong><br>info@ssmarine.gr<\/p>\n        <br>\n        <p><strong>\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf<\/strong><br>+30 210 9943580<\/p>\n        <br>\n        <p><strong>\u039a\u03b9\u03bd\u03b7\u03c4\u03cc<\/strong><br>+30 698 0682588<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"ss-footer-bottom\">\n      <p>\u00a9 2026 Sea Spirit. Designed by <a href=\"https:\/\/notosweb.com\" target=\"_blank\" rel=\"noopener\">NotosWeb<\/a><\/p>\n      <div class=\"ss-footer-legal\">\n        <a href=\"\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a>\n        <a href=\"\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\t\n\n<!-- ============================================================\n     JAVASCRIPT\n     ============================================================ -->\n<script>\n\/\/ --- Navbar scroll ---\nconst navbar = document.getElementById('navbar');\nwindow.addEventListener('scroll', () => {\n  navbar.classList.toggle('scrolled', window.scrollY > 60);\n});\n\n\/\/ --- Popup menu ---\nconst menuTrigger  = document.getElementById('menuTrigger');\nconst popupMenu    = document.getElementById('popupMenu');\nconst popupClose   = document.getElementById('popupClose');\nconst popupOverlay = document.getElementById('popupOverlay');\n\nfunction openMenu()  { popupMenu.classList.add('open');  document.body.style.overflow = 'hidden'; }\nfunction closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n\nmenuTrigger.addEventListener('click', openMenu);\npopupClose.addEventListener('click', closeMenu);\npopupOverlay.addEventListener('click', closeMenu);\npopupMenu.querySelectorAll('.popup-nav a').forEach(a => a.addEventListener('click', closeMenu));\n\n\/\/ ESC to close\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeMenu(); });\n\n\/\/ --- Scroll reveal ---\nconst revealEls = document.querySelectorAll('.reveal');\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\n}, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\nrevealEls.forEach(el => observer.observe(el));\n\n\/\/ --- FAQ accordion ---\ndocument.querySelectorAll('.faq-q').forEach(q => {\n  q.addEventListener('click', () => {\n    const item = q.parentElement;\n    const isOpen = item.classList.contains('open');\n    document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\n    if (!isOpen) item.classList.add('open');\n  });\n});\n\n\/\/ --- Smooth scroll for anchor links ---\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n  a.addEventListener('click', e => {\n    const target = document.querySelector(a.getAttribute('href'));\n    if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n  });\n});\n<\/script<!-- AQUASPIRIT BRAND SECTION -->\n<section class=\"aqua-brand-section\" id=\"aquaspirit\">\n  <div class=\"aqua-brand-glow\"><\/div>\n  <div class=\"container-wide\">\n\n    <div class=\"aqua-brand-header reveal\">\n      <div class=\"section-label\">AquaSpirit<\/div>\n      <h2 class=\"section-title\" style=\"font-size:clamp(2rem,4vw,3.2rem);max-width:600px;\">\u03a4\u03bf \u0394\u03b9\u03ba\u03cc \u03bc\u03b1\u03c2 Brand <em>\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2<\/em><\/h2>\n    <\/div>\n\n    <div class=\"aqua-brand-grid\">\n\n      <!-- LEFT -->\n      <div class=\"reveal\">\n        <p class=\"aqua-brand-desc\">\u039f\u03b9 \u03bc\u03bf\u03bd\u03ac\u03b4\u03b5\u03c2 AquaSpirit \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03c3\u03c4\u03b7\u03ba\u03b1\u03bd \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c4\u03b7\u03c2 \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03b1\u03c2 \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2 \u2014 \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03b7 \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae \u03ba\u03b1\u03b8\u03b1\u03c1\u03bf\u03cd \u03bd\u03b5\u03c1\u03bf\u03cd \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1, \u03bc\u03b5 \u03c4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2.<\/p>\n\n        <div class=\"aqua-brand-stats\">\n          <div class=\"aqua-brand-stat\">\n            <span class=\"aqua-brand-num\">4<\/span>\n            <span class=\"aqua-brand-lbl\">\u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1<\/span>\n          <\/div>\n          <div class=\"aqua-brand-stat\">\n            <span class=\"aqua-brand-num\">100%<\/span>\n            <span class=\"aqua-brand-lbl\">Marine Grade<\/span>\n          <\/div>\n          <div class=\"aqua-brand-stat\">\n            <span class=\"aqua-brand-num\">24\/7<\/span>\n            <span class=\"aqua-brand-lbl\">\u03a5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"aqua-brand-btns\">\n          <a href=\"\/aquaspirit\/\" class=\"btn btn-gold\">\u0394\u03b5\u03af\u03c4\u03b5 \u038c\u03bb\u03b1 \u03c4\u03b1 \u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u2192<\/a>\n          <a href=\"#contact\" class=\"btn btn-outline\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u039c\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT: Feature Cards -->\n      <div class=\"reveal reveal-delay-2\">\n        <div class=\"aqua-feat-cards\">\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2C6.5 8 4 12 4 15a8 8 0 0 0 16 0c0-3-2.5-7-8-13z\"\/><\/svg>\n            <\/div>\n            <div class=\"aqua-feat-text\">\n              <strong>\u03a5\u03c8\u03b7\u03bb\u03ae \u0391\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 RO<\/strong>\n              <span>\u0391\u03bd\u03c4\u03af\u03c3\u03c4\u03c1\u03bf\u03c6\u03b7 \u03cc\u03c3\u03bc\u03c9\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03ae \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae \u03ba\u03b1\u03b8\u03b1\u03c1\u03bf\u03cd \u03bd\u03b5\u03c1\u03bf\u03cd \u03c3\u03b5 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n            <\/div>\n            <div class=\"aqua-feat-text\">\n              <strong>\u0395\u03bd\u03b5\u03c1\u03b3\u03b5\u03b9\u03b1\u03ba\u03ae \u0391\u03c0\u03bf\u03b4\u03bf\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1<\/strong>\n              <span>\u03a7\u03b1\u03bc\u03b7\u03bb\u03ae \u03ba\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7 \u03c1\u03b5\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b1\u03c5\u03c4\u03bf\u03bd\u03bf\u03bc\u03af\u03b1 \u03c3\u03c4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n            <div class=\"aqua-feat-text\">\n              <strong>Marine Grade \u03a5\u03bb\u03b9\u03ba\u03ac<\/strong>\n              <span>\u03a0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03b1\u03bb\u03bc\u03c5\u03c1\u03cc \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd, \u03bc\u03b1\u03ba\u03c1\u03ac\u03c2 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1\u03c2 \u03b6\u03c9\u03ae\u03c2<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93A10 10 0 1 0 4.93 19.07M21 12h-3M6 12H3M12 3V6M12 18v3\"\/><\/svg>\n            <\/div>\n            <div class=\"aqua-feat-text\">\n              <strong>\u0395\u03cd\u03ba\u03bf\u03bb\u03b7 \u0395\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7<\/strong>\n              <span>\u0393\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03c4\u03bf\u03c0\u03bf\u03b8\u03ad\u03c4\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03c3\u03c4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2 \u03c7\u03c9\u03c1\u03af\u03c2 \u03b5\u03b9\u03b4\u03b9\u03ba\u03ac \u03b5\u03c1\u03b3\u03b1\u03bb\u03b5\u03af\u03b1<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"aqua-feat-card\">\n            <div class=\"aqua-feat-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"4\" rx=\"1\"\/><rect x=\"4\" y=\"7\" width=\"16\" height=\"4\" rx=\"1\"\/><rect x=\"6\" y=\"11\" width=\"12\" height=\"4\" rx=\"1\"\/><rect x=\"8\" y=\"15\" width=\"8\" height=\"4\" rx=\"1\"\/><\/svg>\n            <\/div>\n            <div class=\"aqua-feat-text\">\n              <strong>4 \u03a3\u03b5\u03b9\u03c1\u03ad\u03c2 \u03b3\u03b9\u03b1 \u039a\u03ac\u03b8\u03b5 \u03a3\u03ba\u03ac\u03c6\u03bf\u03c2<\/strong>\n              <span>\u0391\u03c0\u03cc \u03c3\u03b1\u03bb\u03bf\u03cd\u03bd\u03b9 \u03ad\u03c9\u03c2 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03cc \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2 \u2014 \u03b7 \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03ae \u03bb\u03cd\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     TESTIMONIALS\n     ============================================================ -->\n<section class=\"section section-dark\">\n  <div class=\"container\">\n    <div class=\"testimonials-header reveal\">\n      <div class=\"section-label\">\u039c\u03b1\u03c1\u03c4\u03c5\u03c1\u03af\u03b5\u03c2<\/div>\n      <h2 class=\"section-title\">\u03a4\u03b9 \u039b\u03ad\u03bd\u03b5 \u03bf\u03b9 <em>\u03a0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03bc\u03b1\u03c2<\/em><\/h2>\n      <p class=\"section-desc\">\u0397 \u03b9\u03ba\u03b1\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c4\u03c9\u03bd \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b7 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b5\u03c0\u03b9\u03b2\u03c1\u03ac\u03b2\u03b5\u03c5\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac\u03c2 \u03bc\u03b1\u03c2.<\/p>\n    <\/div>\n\n    <div class=\"testimonials-grid\">\n      <div class=\"testi-card reveal\">\n        <span class=\"testi-quote-mark\">\"<\/span>\n        <p class=\"testi-text\">\u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c0\u03bf\u03c5 \u03ad\u03b4\u03b5\u03b9\u03be\u03b5 \u03ac\u03ba\u03c1\u03b1 \u03c0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b1. \u0397 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03bc\u03bf\u03bd\u03ac\u03b4\u03b1\u03c2 \u03b1\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2 \u03ad\u03b3\u03b9\u03bd\u03b5 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b1 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac. \u03a4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2 \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03bb\u03ad\u03bf\u03bd \u03c0\u03bb\u03ae\u03c1\u03c9\u03c2 \u03b1\u03c5\u03c4\u03cc\u03bd\u03bf\u03bc\u03bf \u03c3\u03b5 \u03bd\u03b5\u03c1\u03cc.<\/p>\n        <div class=\"testi-stars\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <div class=\"testi-author\">\n          <div class=\"testi-avatar\">\u0393<\/div>\n          <div class=\"testi-author-name\">\n            <strong>\u0393\u03b9\u03ce\u03c1\u03b3\u03bf\u03c2 \u03a0.<\/strong>\n            <span>\u0399\u03b4\u03b9\u03bf\u03ba\u03c4\u03ae\u03c4\u03b7\u03c2 \u03a3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2, \u0391\u03b8\u03ae\u03bd\u03b1<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testi-card reveal reveal-delay-2\">\n        <span class=\"testi-quote-mark\">\"<\/span>\n        <p class=\"testi-text\">\u0397 \u03c0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03b1\u03c0\u03cc \u03c4\u03b7 Sea Spirit \u03bc\u03b1\u03c2 \u03b3\u03bb\u03af\u03c4\u03c9\u03c3\u03b5 \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03c3\u03bf\u03b2\u03b1\u03c1\u03ae \u03b2\u03bb\u03ac\u03b2\u03b7 \u03c3\u03c4\u03bf \u03ba\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03c4\u03b9\u03ba\u03cc \u03b5\u03bd \u03c0\u03bb\u03c9. \u0397 \u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03bf\u03c3\u03cd\u03bd\u03b7 \u03c0\u03bf\u03c5 \u03b4\u03b5\u03af\u03c7\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7\u03bd \u03bf\u03bc\u03ac\u03b4\u03b1 \u03c4\u03bf\u03c5\u03c2 \u03ba\u03ac\u03b8\u03b5 \u03c7\u03c1\u03cc\u03bd\u03bf \u03b1\u03c0\u03bf\u03b4\u03af\u03b4\u03b5\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1.<\/p>\n        <div class=\"testi-stars\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <div class=\"testi-author\">\n          <div class=\"testi-avatar\">\u039a<\/div>\n          <div class=\"testi-author-name\">\n            <strong>\u039a\u03ce\u03c3\u03c4\u03b1\u03c2 \u039c.<\/strong>\n            <span>Captain, \u0398\u03b5\u03c3\u03c3\u03b1\u03bb\u03bf\u03bd\u03af\u03ba\u03b7<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"testi-card reveal reveal-delay-3\">\n        <span class=\"testi-quote-mark\">\"<\/span>\n        <p class=\"testi-text\">\u03a7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03c4\u03ce\u03c1\u03b1 \u03b5\u03bc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c5\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c4\u03b7 Sea Spirit \u03b3\u03b9\u03b1 \u03cc\u03bb\u03b5\u03c2 \u03c4\u03b9\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c4\u03bf\u03c5 \u03c3\u03c4\u03cc\u03bb\u03bf\u03c5 \u03bc\u03b1\u03c2. \u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2, \u03c4\u03b1\u03c7\u03cd\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1. \u03a4\u03bf\u03c5\u03c2 \u03c3\u03c5\u03c3\u03c4\u03ae\u03bd\u03c9 \u03b1\u03bd\u03b5\u03c0\u03b9\u03c6\u03cd\u03bb\u03b1\u03ba\u03c4\u03b1.<\/p>\n        <div class=\"testi-stars\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n        <div class=\"testi-author\">\n          <div class=\"testi-avatar\">\u039d<\/div>\n          <div class=\"testi-author-name\">\n            <strong>\u039d\u03af\u03ba\u03bf\u03c2 \u0391.<\/strong>\n            <span>\u0394\u03b9\u03b5\u03c5\u03b8\u03c5\u03bd\u03c4\u03ae\u03c2 \u039d\u03b1\u03c5\u03c4\u03b9\u03bb\u03b9\u03b1\u03ba\u03ae\u03c2, \u03a0\u03b5\u03b9\u03c1\u03b1\u03b9\u03ac\u03c2<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     FAQ\n     ============================================================ -->\n<section class=\"section section-alt\" id=\"faq\">\n  <div class=\"container\">\n    <div class=\"faq-header reveal\">\n      <div class=\"section-label\">FAQ<\/div>\n      <h2 class=\"section-title\">\u03a3\u03c5\u03c7\u03bd\u03ad\u03c2 <em>\u0395\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2<\/em><\/h2>\n      <p class=\"section-desc\">\u0391\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b9\u03c2 \u03c0\u03b9\u03bf \u03c3\u03c5\u03bd\u03b7\u03b8\u03b9\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2.<\/p>\n    <\/div>\n\n    <div class=\"faq-wrap reveal\">\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a0\u03bf\u03b9\u03b5\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b7 Sea Spirit;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u0397 Sea Spirit \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03c3\u03ba\u03b1\u03c6\u03ce\u03bd: \u03bc\u03bf\u03bd\u03ac\u03b4\u03b5\u03c2 \u03b1\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2 (AquaSpirit), \u03ba\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc HVAC, \u03c8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ac \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1, \u03c5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ad\u03c2 \u03b5\u03b3\u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2, \u03b1\u03bd\u03c4\u03bb\u03af\u03b5\u03c2, \u03ba\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc \u03b1\u03b5\u03c1\u03b1\u03b3\u03c9\u03b3\u03ce\u03bd, \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u03b4\u03b9\u03b1\u03b3\u03bd\u03c9\u03c3\u03c4\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a3\u03b5 \u03c0\u03bf\u03b9\u03bf\u03c5\u03c2 \u03c4\u03cd\u03c0\u03bf\u03c5\u03c2 \u03c3\u03ba\u03b1\u03c6\u03ce\u03bd \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03b5\u03c4\u03b5\u03af\u03c4\u03b5;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u0395\u03be\u03c5\u03c0\u03b7\u03c1\u03b5\u03c4\u03bf\u03cd\u03bc\u03b5 \u03c8\u03c5\u03c7\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03ac \u03c3\u03ba\u03ac\u03c6\u03b7 (\u03b9\u03c3\u03c4\u03b9\u03bf\u03c0\u03bb\u03bf\u03ca\u03ba\u03ac, \u03bc\u03b7\u03c7\u03b1\u03bd\u03bf\u03ba\u03af\u03bd\u03b7\u03c4\u03b1), super yachts, \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03c3\u03ba\u03ac\u03c6\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03bb\u03b9\u03b5\u03c5\u03c4\u03b9\u03ba\u03ac. \u039a\u03ac\u03b8\u03b5 \u03bb\u03cd\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03cc\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b9\u03c2 \u03b9\u03b4\u03b9\u03b1\u03af\u03c4\u03b5\u03c1\u03b5\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c4\u03bf\u03c5 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a4\u03b9 \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03b7 \u03c0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u0397 \u03c0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7 \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9 \u03c4\u03b1\u03ba\u03c4\u03b9\u03ba\u03bf\u03cd\u03c2 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03c2 \u03cc\u03bb\u03c9\u03bd \u03c4\u03c9\u03bd \u03bc\u03b7\u03c7\u03b1\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ce\u03bd \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03b1\u03bd\u03c4\u03b9\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c6\u03b8\u03b1\u03c1\u03c4\u03ce\u03bd \u03b5\u03be\u03b1\u03c1\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd, \u03ba\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc \u03c6\u03af\u03bb\u03c4\u03c1\u03c9\u03bd, \u03ad\u03bb\u03b5\u03b3\u03c7\u03bf \u03c0\u03b9\u03ad\u03c3\u03b5\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b8\u03b5\u03c1\u03bc\u03bf\u03ba\u03c1\u03b1\u03c3\u03b9\u03ce\u03bd, \u03ba\u03b1\u03b8\u03ce\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b1\u03bb\u03c5\u03c4\u03b9\u03ba\u03ae \u03b1\u03bd\u03b1\u03c6\u03bf\u03c1\u03ac \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03bf\u03cd.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a0\u03bf\u03b9\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 AquaSpirit \u03c0\u03bf\u03c5 \u03b4\u03b9\u03b1\u03b8\u03ad\u03c4\u03b5\u03c4\u03b5;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u0394\u03b9\u03b1\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03c4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b9\u03c2 \u03c3\u03b5\u03b9\u03c1\u03ad\u03c2: AquaSpirit Premium, AquaSpirit Pro, AquaSpirit Splitline \u03ba\u03b1\u03b9 AquaSpirit Splitline S. \u039a\u03ac\u03b8\u03b5 \u03c3\u03b5\u03b9\u03c1\u03ac \u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03b5\u03b9 \u03b4\u03b9\u03b1\u03c6\u03bf\u03c1\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae\u03c2 \u03bd\u03b5\u03c1\u03bf\u03cd \u03ba\u03b1\u03b9 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03c4\u03b5 \u03b5\u03c0\u03b9\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2 \u03b5\u03bd \u03c0\u03bb\u03c9;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u039d\u03b1\u03b9, \u03b7 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03ad\u03bd\u03b7 \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b9\u03c3\u03ba\u03b5\u03c5\u03ad\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03ad\u03c1\u03b2\u03b9\u03c2 on-board. \u0394\u03b9\u03b1\u03b8\u03ad\u03c4\u03bf\u03c5\u03bc\u03b5 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03cc \u03c0\u03bf\u03c5 \u03bc\u03b1\u03c2 \u03b5\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03bb\u03cd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u03c0\u03c1\u03bf\u03b2\u03bb\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03c3\u03c4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2, \u03b5\u03bb\u03b1\u03c7\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03ce\u03bd\u03c4\u03b1\u03c2 \u03c4\u03bf\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf \u03b5\u03ba\u03c4\u03cc\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b1\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a0\u03ce\u03c2 \u03bc\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03ba\u03bb\u03b5\u03af\u03c3\u03c9 \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03b3\u03b9\u03b1 \u03b5\u03c0\u03b9\u03b8\u03b5\u03ce\u03c1\u03b7\u03c3\u03b7;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u039c\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03b5\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2 \u03bc\u03ad\u03c3\u03c9 \u03c4\u03b7\u03c2 \u03c6\u03cc\u03c1\u03bc\u03b1\u03c2 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2, \u03c4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03ac \u03ae \u03bc\u03ad\u03c3\u03c9 email. \u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b8\u03b1 \u03c3\u03b1\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9 \u03b5\u03bd\u03c4\u03cc\u03c2 24 \u03c9\u03c1\u03ce\u03bd \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03bb\u03b5\u03af\u03c3\u03b5\u03c4\u03b5 \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03c0\u03bf\u03c5 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03b5\u03c4\u03b5\u03af \u03c4\u03bf \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03ac \u03c3\u03b1\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03b5\u03af\u03c4\u03b5 \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03c5\u03bb\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03c0\u03b9\u03c3\u03c4\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b1 \u03c5\u03bb\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03b5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03b1 \u03c7\u03c1\u03ae\u03c3\u03b7, \u03b1\u03c0\u03cc \u03b1\u03bd\u03b1\u03b3\u03bd\u03c9\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03c4\u03ad\u03c2. \u0395\u03b3\u03b3\u03c5\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03bd\u03b8\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03be\u03b1\u03c1\u03c4\u03ae\u03bc\u03b1\u03c4\u03bf\u03c2.<\/p><\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\n          <span>\u03a0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03c4\u03b5 \u03c3\u03c5\u03bc\u03b2\u03cc\u03bb\u03b1\u03b9\u03b1 \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7\u03c2;<\/span>\n          <div class=\"faq-icon\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n        <\/div>\n        <div class=\"faq-a\"><p>\u039d\u03b1\u03b9, \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b1 \u03b5\u03c4\u03ae\u03c3\u03b9\u03b1 \u03c3\u03c5\u03bc\u03b2\u03cc\u03bb\u03b1\u03b9\u03b1 \u03c3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7\u03c2 \u03c0\u03bf\u03c5 \u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03bf\u03c5\u03bd \u03c0\u03c1\u03bf\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03c2, \u03c0\u03c1\u03bf\u03c4\u03b5\u03c1\u03b1\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03b7\u03c2 \u03c3\u03b5 \u03ad\u03ba\u03c4\u03b1\u03ba\u03c4\u03b5\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03ad\u03ba\u03c0\u03c4\u03c9\u03c3\u03b7 \u03c3\u03b5 \u03b1\u03bd\u03c4\u03b1\u03bb\u03bb\u03b1\u03ba\u03c4\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1.<\/p><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     CTA BANNER\n     ============================================================ -->\n<section class=\"cta-banner\" id=\"contact\">\n  <div class=\"cta-banner-bg\">\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/C3253.00_02_38_94.Still043.jpg\" alt=\"Sea Spirit Marine\">\n  <\/div>\n  <div class=\"container\">\n    <div class=\"cta-banner-content reveal\">\n      <div class=\"section-label\" style=\"justify-content:center;\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/div>\n      <h2 class=\"section-title\">\u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03b9 \u03bd\u03b1 <em>\u03a3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5<\/em>;<\/h2>\n      <p class=\"section-desc\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1 \u03b3\u03b9\u03b1 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03b5\u03ba\u03c4\u03af\u03bc\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b7 \u03c0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c4\u03bf\u03c5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2 \u03c3\u03b1\u03c2.<\/p>\n      <div style=\"display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-top:2.5rem;\">\n        <a href=\"mailto:info@ssmarine.gr\" class=\"btn btn-gold\">\n          \u03a3\u03c4\u03b5\u03af\u03bb\u03c4\u03b5 Email\n          <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n        <a href=\"tel:+302109943580\" class=\"btn btn-outline\">\u03a4\u03b7\u03bb\u03b5\u03c6\u03c9\u03bd\u03b9\u03ba\u03ac<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     FOOTER\n     ============================================================ -->\n<style>\n.ss-footer{--ss-footer-bg:#050D18;--ss-border:rgba(234,195,129,0.18);--ss-muted:rgba(255,255,255,0.55);--ss-gold:#EAC381;--ss-gold-light:#F2D9A8;--ss-gold-deeper:#9A7030;--ss-off-white:#F5F0E8;--ss-font-serif:'Lora',Georgia,serif;background:var(--ss-footer-bg);border-top:1px solid var(--ss-border);padding:70px 0 0;color:#fff;font-family:'Inter',sans-serif;}\n.ss-footer .ss-container{max-width:1280px;margin:0 auto;padding:0 2rem;}\n.ss-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;}\n.ss-footer-brand img{height:38px;width:auto;margin-bottom:1.5rem;}\n.ss-footer-brand p{font-size:0.82rem;line-height:1.85;color:var(--ss-muted);max-width:280px;margin-bottom:2rem;}\n.ss-footer-brand-tagline{font-family:var(--ss-font-serif);font-style:italic;font-size:0.9rem;color:var(--ss-gold-light);line-height:1.5;margin-bottom:1.5rem;}\n.ss-footer-socials{display:flex;gap:0.8rem;margin-top:1.5rem;}\n.ss-footer-social{width:38px;height:38px;border:1px solid var(--ss-border);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--ss-muted);transition:all 0.3s;text-decoration:none;}\n.ss-footer-social:hover{background:rgba(234,195,129,0.1);border-color:var(--ss-gold);color:var(--ss-gold-light);}\n.ss-footer-social svg{width:16px;height:16px;fill:currentColor;}\n.ss-footer-col h5{font-size:0.7rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--ss-gold);margin-bottom:1.5rem;padding-bottom:0.8rem;border-bottom:1px solid var(--ss-border);}\n.ss-footer-col ul{display:flex;flex-direction:column;gap:0.6rem;list-style:none;padding:0;margin:0;}\n.ss-footer-col ul li a{font-size:0.82rem;color:var(--ss-muted);transition:color 0.3s;display:flex;align-items:center;gap:6px;text-decoration:none;}\n.ss-footer-col ul li a::before{content:'\u2014';color:var(--ss-gold-deeper);font-size:0.7rem;}\n.ss-footer-col ul li a:hover{color:var(--ss-gold-light);}\n.ss-footer-contact p{font-size:0.82rem;color:var(--ss-muted);line-height:2;}\n.ss-footer-contact strong{color:var(--ss-off-white);}\n.ss-footer-bottom{border-top:1px solid var(--ss-border);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.ss-footer-bottom p{font-size:0.72rem;color:var(--ss-muted);}\n.ss-footer-bottom a{color:var(--ss-gold);transition:color 0.3s;text-decoration:none;}\n.ss-footer-bottom a:hover{color:var(--ss-gold-light);}\n.ss-footer-legal{display:flex;gap:1.5rem;}\n@media (max-width:1024px){.ss-footer-grid{grid-template-columns:1fr 1fr;gap:3rem;}}\n@media (max-width:768px){.ss-footer-grid{grid-template-columns:1fr;gap:2.5rem;}}\n@media (max-width:480px){.ss-footer-bottom{flex-direction:column;text-align:center;}}\n<\/style>\n<footer class=\"ss-footer\">\n  <div class=\"ss-container\">\n    <div class=\"ss-footer-grid\">\n      <div class=\"ss-footer-brand\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n        <p class=\"ss-footer-brand-tagline\">\u00ab\u0391\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1. \u03a3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b1. \u0391\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.\u00bb<\/p>\n        \n        <div class=\"ss-footer-socials\">\n          <a href=\"https:\/\/www.instagram.com\/ssmarine_\/\" class=\"ss-footer-social\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/h5>\n        <ul>\n          <li><a href=\"\/services\/\">\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7 \u039d\u03b5\u03c1\u03bf\u03cd<\/a><\/li>\n          <li><a href=\"\/services\/\">\u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 HVAC<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ac \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ac<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u0394\u03b9\u03b1\u03b3\u03bd\u03c9\u03c3\u03c4\u03b9\u03ba\u03ac<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u0395\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1<\/h5>\n        <ul>\n          <li><a href=\"\/about\/\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b5\u03bc\u03ac\u03c2<\/a><\/li>\n          <li><a href=\"\/aquaspirit\/\">AquaSpirit<\/a><\/li>\n          <li><a href=\"\/contact\/\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/a><\/li>\n          <li><a href=\"\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a><\/li>\n          <li><a href=\"\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col ss-footer-contact\">\n        <h5>\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/h5>\n        <p><strong>Email<\/strong><br>info@ssmarine.gr<\/p>\n        <br>\n        <p><strong>\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf<\/strong><br>+30 210 9943580<\/p>\n        <br>\n        <p><strong>\u039a\u03b9\u03bd\u03b7\u03c4\u03cc<\/strong><br>+30 698 0682588<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"ss-footer-bottom\">\n      <p>\u00a9 2026 Sea Spirit. Designed by <a href=\"https:\/\/notosweb.com\" target=\"_blank\" rel=\"noopener\">NotosWeb<\/a><\/p>\n      <div class=\"ss-footer-legal\">\n        <a href=\"\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a>\n        <a href=\"\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\t\n\n<!-- ============================================================\n     JAVASCRIPT\n     ============================================================ -->\n<script>\n\/\/ --- Navbar scroll ---\nconst navbar = document.getElementById('navbar');\nwindow.addEventListener('scroll', () => {\n  navbar.classList.toggle('scrolled', window.scrollY > 60);\n});\n\n\/\/ --- Popup menu ---\nconst menuTrigger  = document.getElementById('menuTrigger');\nconst popupMenu    = document.getElementById('popupMenu');\nconst popupClose   = document.getElementById('popupClose');\nconst popupOverlay = document.getElementById('popupOverlay');\n\nfunction openMenu()  { popupMenu.classList.add('open');  document.body.style.overflow = 'hidden'; }\nfunction closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n\nmenuTrigger.addEventListener('click', openMenu);\npopupClose.addEventListener('click', closeMenu);\npopupOverlay.addEventListener('click', closeMenu);\npopupMenu.querySelectorAll('.popup-nav a').forEach(a => a.addEventListener('click', closeMenu));\n\n\/\/ ESC to close\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeMenu(); });\n\n\/\/ --- Scroll reveal ---\nconst revealEls = document.querySelectorAll('.reveal');\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\n}, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\nrevealEls.forEach(el => observer.observe(el));\n\n\/\/ --- FAQ accordion ---\ndocument.querySelectorAll('.faq-q').forEach(q => {\n  q.addEventListener('click', () => {\n    const item = q.parentElement;\n    const isOpen = item.classList.contains('open');\n    document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\n    if (!isOpen) item.classList.add('open');\n  });\n});\n\n\/\/ --- Smooth scroll for anchor links ---\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n  a.addEventListener('click', e => {\n    const target = document.querySelector(a.getAttribute('href'));\n    if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n  });\n});\n<\/script>\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-4268e30 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4268e30\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9ec08b0\" data-id=\"9ec08b0\" data-element_type=\"column\" data-e-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-2438ecb elementor-widget elementor-widget-html\" data-id=\"2438ecb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n\/\/ --- Navbar scroll ---\nconst navbar = document.getElementById('navbar');\nwindow.addEventListener('scroll', () => {\n  navbar.classList.toggle('scrolled', window.scrollY > 60);\n});\n\n\/\/ --- Popup menu ---\nconst menuTrigger  = document.getElementById('menuTrigger');\nconst popupMenu    = document.getElementById('popupMenu');\nconst popupClose   = document.getElementById('popupClose');\nconst popupOverlay = document.getElementById('popupOverlay');\n\nfunction openMenu()  { popupMenu.classList.add('open');  document.body.style.overflow = 'hidden'; }\nfunction closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n\nmenuTrigger.addEventListener('click', openMenu);\npopupClose.addEventListener('click', closeMenu);\npopupOverlay.addEventListener('click', closeMenu);\npopupMenu.querySelectorAll('.popup-nav a').forEach(a => a.addEventListener('click', closeMenu));\n\n\/\/ ESC to close\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeMenu(); });\n\n\/\/ --- Scroll reveal ---\nconst revealEls = document.querySelectorAll('.reveal');\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\n}, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\nrevealEls.forEach(el => observer.observe(el));\n\n\/\/ --- FAQ accordion ---\ndocument.querySelectorAll('.faq-q').forEach(q => {\n  q.addEventListener('click', () => {\n    const item = q.parentElement;\n    const isOpen = item.classList.contains('open');\n    document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));\n    if (!isOpen) item.classList.add('open');\n  });\n});\n\n\/\/ --- Smooth scroll for anchor links ---\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n  a.addEventListener('click', e => {\n    const target = document.querySelector(a.getAttribute('href'));\n    if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":12,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":466,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/466"}],"wp:attachment":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}