{"id":8,"date":"2026-04-07T12:49:24","date_gmt":"2026-04-07T12:49:24","guid":{"rendered":"http:\/\/seaspirithtml.notosweb.com\/about\/"},"modified":"2026-04-07T20:58:25","modified_gmt":"2026-04-07T20:58:25","slug":"about","status":"publish","type":"page","link":"https:\/\/seaspirithtml.notosweb.com\/en\/about\/","title":{"rendered":"\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u0395\u03bc\u03ac\u03c2"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d3a08c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5d3a08c\" data-element_type=\"section\" data-e-type=\"section\">\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-1bde125\" data-id=\"1bde125\" 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-6015ae1 elementor-widget elementor-widget-html\" data-id=\"6015ae1\" 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    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\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      --card-bg: #0F1C2E;\n      --border: rgba(234,195,129,0.18);\n      --muted: rgba(255,255,255,0.55);\n      --navbar-scrolled-bg: rgba(7,16,30,0.95);\n      --popup-bg: #060E1B;\n    }\n\n    html { scroll-behavior: smooth; }\n    body {\n      background: var(--navy);\n      color: #fff;\n      font-family: 'Inter', sans-serif;\n      min-height: 100vh;\n      overflow-x: hidden;\n    }\n\n    \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n    .navbar {\n      position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n      display: grid; grid-template-columns: 1fr auto 1fr;\n      align-items: center; padding: 0 2.5rem; height: 90px;\n      background: rgba(7,16,30,0.0); border-bottom: 1px solid rgba(234,195,129,0.0);\n      backdrop-filter: blur(0px); transition: all 0.5s ease;\n    }\n    .navbar.scrolled {\n      background: var(--navbar-scrolled-bg); border-bottom: 1px solid var(--border);\n      backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); height: 72px;\n    }\n    .nav-logo { grid-column: 2; display: flex; justify-content: center; }\n    .nav-logo img {\n      height: 52px; 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: 40px; }\n    .menu-trigger {\n      grid-column: 3; justify-self: end;\n      display: flex; align-items: center; gap: 12px;\n      cursor: pointer; background: none; border: none;\n      padding: 0.6rem 1.2rem; border: 1px solid rgba(234,195,129,0.35);\n      transition: all 0.3s ease; color: var(--gold-light);\n    }\n    .menu-trigger:hover { background: rgba(234,195,129,0.08); border-color: rgba(234,195,129,0.65); }\n    .menu-trigger-label {\n      font-family: 'Inter', sans-serif; font-size: 0.65rem;\n      font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold-light);\n    }\n    .menu-trigger-bars { display: flex; flex-direction: column; gap: 4px; }\n    .menu-trigger-bars span {\n      display: block; height: 1.5px; background: var(--gold); 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    @media (max-width: 1024px) {\n      .navbar { display: flex; justify-content: space-between; align-items: center; padding: 0 1.5rem; }\n      .nav-logo { grid-column: unset; flex: 1; justify-content: flex-start; }\n      .menu-trigger { grid-column: unset; order: 3; }\n    }\n    @media (max-width: 768px) {\n      .navbar { padding: 0 1.2rem; }\n      .menu-trigger-label { display: none; }\n    }\n\n    \/* \u2500\u2500\u2500 POPUP MENU \u2500\u2500\u2500 *\/\n    .popup-menu {\n      position: fixed; inset: 0; z-index: 2000;\n      display: flex; pointer-events: none; visibility: hidden;\n    }\n    .popup-panel {\n      position: relative; width: 480px; max-width: 90vw;\n      background: var(--popup-bg); border-right: 1px solid var(--border);\n      display: flex; flex-direction: column; justify-content: center;\n      padding: 5rem 4rem;\n      transform: translateX(-100%); transition: transform 0.6s cubic-bezier(.16,1,.3,1);\n    }\n    .popup-overlay {\n      flex: 1; background: rgba(7,16,30,0.65); backdrop-filter: blur(8px);\n      opacity: 0; transition: opacity 0.5s ease; cursor: pointer;\n    }\n    .popup-menu.open { pointer-events: all; visibility: visible; }\n    .popup-menu.open .popup-panel  { transform: translateX(0); }\n    .popup-menu.open .popup-overlay { opacity: 1; }\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    .popup-logo { margin-bottom: 3rem; }\n    .popup-logo img { height: 52px; width: auto; opacity: 0.9; }\n    .popup-nav { list-style: none; display: flex; flex-direction: column; gap: 0; }\n    .popup-nav li { border-bottom: 1px solid rgba(234,195,129,0.08); overflow: hidden; }\n    .popup-nav li:first-child { border-top: 1px solid rgba(234,195,129,0.08); }\n    .popup-nav a {\n      display: flex; align-items: center; justify-content: space-between;\n      padding: 1.35rem 0;\n      font-family: 'Play', Georgia, 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      text-decoration: none;\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); transition: all 0.3s;\n    }\n    .popup-nav a:hover { color: var(--gold-light); padding-left: 10px; }\n    .popup-nav a:hover .nav-arrow { opacity: 1; transform: translateX(0); }\n    .popup-nav a::before {\n      content: attr(data-num);\n      font-family: 'Inter', sans-serif; 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    .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); transition: background 0.3s, border-color 0.3s;\n    }\n    .popup-contact-item:hover .popup-contact-icon { background: rgba(234,195,129,0.12); border-color: rgba(234,195,129,0.45); }\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: rgba(255,255,255,0.55); transition: color 0.3s; }\n    .popup-contact-item:hover .popup-contact-text { color: var(--gold-light); }\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; border: 1px solid var(--border); border-radius: 2px;\n      font-size: 0.62rem; letter-spacing: 0.15em; text-transform: uppercase;\n      color: rgba(255,255,255,0.55); transition: all 0.3s; 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    .popup-menu.open .popup-nav li { animation: slideInLink 0.5s cubic-bezier(.16,1,.3,1) both; }\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    @keyframes slideInLink {\n      from { opacity: 0; transform: translateY(16px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500 *\/\n    .btn-gold {\n      display: inline-flex; align-items: center; gap: 0.4rem;\n      background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n      color: var(--navy); font-family: 'Montserrat', sans-serif;\n      font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em;\n      text-transform: uppercase; padding: 0.75rem 1.5rem;\n      border: none; cursor: pointer; text-decoration: none;\n      transition: opacity 0.2s, transform 0.2s;\n    }\n    .btn-gold:hover { opacity: 0.9; transform: translateY(-1px); }\n    .btn-outline {\n      display: inline-flex; align-items: center; gap: 0.4rem;\n      background: transparent; color: var(--gold);\n      font-family: 'Montserrat', sans-serif; font-size: 0.82rem;\n      font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;\n      padding: 0.75rem 1.5rem; border: 1px solid rgba(234,195,129,0.5);\n      cursor: pointer; text-decoration: none;\n      transition: background 0.2s, border-color 0.2s, transform 0.2s;\n    }\n    .btn-outline:hover { background: rgba(234,195,129,0.08); border-color: var(--gold); transform: translateY(-1px); }\n\n    \/* \u2500\u2500\u2500 PAGE HERO \u2500\u2500\u2500 *\/\n    .page-hero {\n      background: var(--navy-2);\n      padding: 140px 2rem 80px;\n      position: relative;\n      overflow: hidden;\n    }\n    .page-hero::before {\n      content: '';\n      position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n      background: radial-gradient(ellipse 60% 80% at 70% 50%, rgba(234,195,129,0.05) 0%, transparent 70%);\n      pointer-events: none;\n    }\n    .page-hero::after {\n      content: '';\n      position: absolute; bottom: 0; left: 0; right: 0;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    }\n    .hero-inner {\n      max-width: 900px;\n      margin: 0 auto;\n      position: relative;\n    }\n    .section-label {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.68rem; font-weight: 600;\n      letter-spacing: 0.35em; text-transform: uppercase;\n      color: var(--gold); margin-bottom: 1.2rem;\n      display: flex; align-items: center; gap: 0.8rem;\n    }\n    .section-label::after {\n      content: ''; flex: 1; max-width: 40px; height: 1px;\n      background: var(--gold); opacity: 0.5;\n    }\n    .hero-title {\n      font-family: 'Play', Georgia, serif;\n      font-size: clamp(3rem, 6vw, 5.5rem);\n      font-weight: 700; line-height: 1.05;\n      color: #fff; margin-bottom: 1.5rem;\n    }\n    .hero-title span { color: var(--gold); }\n    .hero-tagline {\n      font-family: 'Play', Georgia, serif;\n      font-style: italic; font-size: clamp(1.1rem, 2vw, 1.4rem);\n      color: rgba(255,255,255,0.65); line-height: 1.6; max-width: 640px;\n    }\n\n    \/* \u2500\u2500\u2500 WHO WE ARE (redesigned) \u2500\u2500\u2500 *\/\n    .who-section {\n      background: var(--navy);\n      padding: 7rem 2rem;\n    }\n    .who-inner {\n      max-width: 1100px; margin: 0 auto;\n    }\n    .who-top {\n      display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center;\n      margin-bottom: 5rem;\n    }\n    .who-top-text .section-label { margin-bottom: 1.2rem; }\n    .who-title {\n      font-family: 'Play', Georgia, serif;\n      font-size: clamp(1.8rem, 3vw, 2.8rem);\n      font-weight: 700; line-height: 1.15; color: #fff;\n      margin-bottom: 1.5rem;\n    }\n    .who-title em { font-style: italic; color: var(--gold); font-family: 'Play', Georgia, serif; font-weight: 400; }\n    .who-desc {\n      font-size: 0.92rem; color: var(--muted);\n      line-height: 1.85; margin-bottom: 1.4rem;\n    }\n    .who-quote {\n      border-left: 2px solid var(--gold);\n      padding: 1rem 1.5rem;\n      margin: 2rem 0 0;\n      background: rgba(234,195,129,0.04);\n    }\n    .who-quote p {\n      font-family: 'Play', Georgia, serif;\n      font-style: italic; font-size: 1.05rem;\n      color: var(--gold-light); line-height: 1.7;\n    }\n    \/* Founders photo block *\/\n    .who-photo-block {\n      position: relative;\n    }\n    .who-photo-block img {\n      width: 100%; display: block;\n      border: 1px solid rgba(234,195,129,0.18);\n    }\n    .who-photo-caption {\n      background: var(--card-bg);\n      border: 1px solid var(--border);\n      border-top: none;\n      padding: 1.2rem 1.5rem;\n      display: flex; align-items: center; justify-content: space-between; gap: 1rem;\n    }\n    .who-photo-caption span {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.68rem; font-weight: 600;\n      letter-spacing: 0.2em; text-transform: uppercase;\n      color: var(--gold);\n    }\n    .who-photo-caption small {\n      font-size: 0.75rem; color: var(--muted);\n    }\n    \/* Stats row *\/\n    .who-stats {\n      display: grid; grid-template-columns: repeat(3, 1fr);\n      border: 1px solid var(--border);\n    }\n    .who-stat {\n      padding: 2.5rem 2rem; text-align: center;\n      border-right: 1px solid var(--border);\n    }\n    .who-stat:last-child { border-right: none; }\n    .who-stat-num {\n      font-family: 'Montserrat', sans-serif;\n      font-size: clamp(2rem, 4vw, 2.8rem);\n      font-weight: 700; color: var(--gold);\n      display: block; line-height: 1; margin-bottom: 0.5rem;\n    }\n    .who-stat-label {\n      font-size: 0.72rem; color: var(--muted);\n      letter-spacing: 0.12em; text-transform: uppercase;\n    }\n    .who-badge-text strong {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.85rem; font-weight: 600; color: #fff;\n    }\n    .who-badge-text span { font-size: 0.75rem; color: var(--muted); }\n\n    \/* \u2500\u2500\u2500 FOUNDERS \u2500\u2500\u2500 *\/\n    .founders-section {\n      background: var(--navy-2);\n      padding: 6rem 2rem;\n    }\n    .section-header {\n      text-align: center; margin-bottom: 3rem;\n    }\n    .section-header .section-label {\n      justify-content: center;\n    }\n    .section-header .section-label::after { display: none; }\n    .section-header .section-label::before {\n      content: ''; flex: 1; max-width: 40px; height: 1px;\n      background: var(--gold); opacity: 0.5;\n    }\n    .section-title-lg {\n      font-family: 'Play', Georgia, serif;\n      font-size: clamp(1.8rem, 3vw, 2.4rem);\n      font-weight: 700; color: #fff;\n    }\n    .section-title-lg span { color: var(--gold); }\n    .founders-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1.5rem;\n      max-width: 860px;\n      margin: 0 auto;\n    }\n    .founder-card {\n      background: var(--card-bg);\n      border: 1px solid var(--border);\n      padding: 2.5rem;\n      position: relative;\n      overflow: hidden;\n      transition: border-color 0.3s, transform 0.3s;\n    }\n    .founder-card:hover { border-color: rgba(234,195,129,0.45); transform: translateY(-3px); }\n    .founder-card::before {\n      content: '';\n      position: absolute; top: 0; left: 0; right: 0; height: 2px;\n      background: linear-gradient(90deg, var(--gold), var(--gold-dark));\n    }\n    .founder-degree { display: none; }\n    .founder-name {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1.25rem; font-weight: 700;\n      color: #fff; margin-bottom: 0.4rem;\n    }\n    .founder-role {\n      font-size: 0.82rem; color: var(--muted);\n      font-family: 'Inter', sans-serif;\n      margin-bottom: 1.2rem; line-height: 1.5;\n    }\n    .founder-divider {\n      width: 32px; height: 1px;\n      background: var(--gold); opacity: 0.4; margin-bottom: 1.2rem;\n    }\n    .founder-desc {\n      font-size: 0.82rem; color: var(--muted);\n      line-height: 1.7; font-family: 'Inter', sans-serif;\n    }\n\n    \/* \u2500\u2500\u2500 VALUES \u2500\u2500\u2500 *\/\n    .values-section {\n      background: var(--navy);\n      padding: 6rem 2rem;\n    }\n    .values-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1px;\n      max-width: 1100px;\n      margin: 0 auto;\n      background: var(--border);\n      border: 1px solid var(--border);\n    }\n    .value-card {\n      background: var(--navy);\n      padding: 3rem 2.5rem;\n      transition: background 0.3s;\n      position: relative;\n    }\n    .value-card:hover { background: var(--card-bg); }\n    .value-icon {\n      width: 52px; height: 52px;\n      border: 1px solid rgba(234,195,129,0.2);\n      background: rgba(234,195,129,0.06);\n      display: flex; align-items: center; justify-content: center;\n      margin-bottom: 1.5rem;\n    }\n    .value-icon svg { width: 22px; height: 22px; stroke: var(--gold); fill: none; stroke-width: 1.6; }\n    .value-label {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.62rem; font-weight: 700;\n      letter-spacing: 0.3em; text-transform: uppercase;\n      color: var(--gold); margin-bottom: 0.6rem;\n    }\n    .value-title {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1.3rem; font-weight: 700;\n      color: #fff; margin-bottom: 1rem; line-height: 1.2;\n    }\n    .value-desc {\n      font-size: 0.85rem; color: var(--muted);\n      line-height: 1.8; font-family: 'Inter', sans-serif;\n    }\n\n    \/* \u2500\u2500\u2500 STRENGTHS \u2500\u2500\u2500 *\/\n    .strengths-section {\n      background: var(--navy-2);\n      padding: 6rem 2rem;\n    }\n    .strengths-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1.5rem;\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n    .strength-card {\n      background: var(--card-bg);\n      border: 1px solid var(--border);\n      padding: 2rem;\n      transition: border-color 0.3s, transform 0.3s;\n    }\n    .strength-card:hover { border-color: rgba(234,195,129,0.4); transform: translateY(-3px); }\n    .strength-num {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 2.5rem; font-weight: 800;\n      color: rgba(234,195,129,0.12); line-height: 1;\n      margin-bottom: 0.8rem;\n    }\n    .strength-title {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.9rem; font-weight: 700;\n      color: var(--gold); margin-bottom: 0.7rem;\n    }\n    .strength-desc {\n      font-size: 0.82rem; color: var(--muted);\n      line-height: 1.7; font-family: 'Inter', sans-serif;\n    }\n\n    \/* \u2500\u2500\u2500 TAGLINE BAND \u2500\u2500\u2500 *\/\n    .tagline-band {\n      background: linear-gradient(135deg, #0A1520 0%, var(--navy-2) 100%);\n      padding: 5rem 2rem;\n      text-align: center;\n      border-top: 1px solid var(--border);\n      border-bottom: 1px solid var(--border);\n      position: relative;\n      overflow: hidden;\n    }\n    .tagline-band::before {\n      content: '';\n      position: absolute; top: 50%; left: 50%;\n      transform: translate(-50%,-50%);\n      width: 600px; height: 300px;\n      background: radial-gradient(ellipse, rgba(234,195,129,0.06) 0%, transparent 70%);\n      pointer-events: none;\n    }\n    .tagline-text {\n      font-family: 'Play', Georgia, serif;\n      font-style: italic;\n      font-size: clamp(1.8rem, 4vw, 3rem);\n      color: var(--gold-light); line-height: 1.4;\n      max-width: 700px; margin: 0 auto 1.5rem;\n      position: relative;\n    }\n    .tagline-sub {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.7rem; font-weight: 600;\n      letter-spacing: 0.4em; text-transform: uppercase;\n      color: var(--gold-deeper);\n    }\n\n    \/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\n    .cta-section {\n      background: var(--navy); padding: 5rem 2rem; text-align: center;\n      position: relative; overflow: hidden;\n    }\n    .cta-bg { position: absolute; inset: 0; z-index: 0; }\n    .cta-bg img { width: 100%; height: 100%; object-fit: cover; }\n    .cta-bg::after { content: ''; position: absolute; inset: 0; background: rgba(7,16,30,0.88); }\n    .cta-inner { max-width: 640px; margin: 0 auto; position: relative; z-index: 1; }\n    .cta-title {\n      font-family: 'Montserrat', sans-serif;\n      font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 700;\n      color: #fff; margin-bottom: 0.8rem;\n    }\n    .cta-sub {\n      color: var(--muted); font-size: 0.9rem; margin-bottom: 2rem;\n      font-family: 'Inter', sans-serif; line-height: 1.6;\n    }\n    .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n\n    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n    .container { max-width: 100%; margin: 0 auto; padding: 0 2rem; }\n    .footer { background: #050D18; border-top: 1px solid var(--border); padding: 70px 0 0; }\n    .footer-grid {\n      display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 4rem; margin-bottom: 4rem;\n    }\n    .footer-brand img { height: 38px; width: auto; margin-bottom: 1.5rem; }\n    .footer-brand p { font-size: 0.82rem; line-height: 1.85; color: rgba(255,255,255,0.55); max-width: 280px; margin-bottom: 2rem; }\n    .footer-brand-tagline {\n      font-family: 'Play', Georgia, serif; font-style: italic;\n      font-size: 0.9rem; color: #F2D9A8; line-height: 1.5; margin-bottom: 1.5rem;\n    }\n    .footer-socials { display: flex; gap: 0.8rem; }\n    .footer-social {\n      width: 38px; height: 38px; border: 1px solid var(--border); border-radius: 2px;\n      display: flex; align-items: center; justify-content: center;\n      color: rgba(255,255,255,0.55); transition: all 0.3s;\n    }\n    .footer-social:hover { background: rgba(234,195,129,0.1); border-color: var(--gold); color: #F2D9A8; }\n    .footer-social svg { width: 16px; height: 16px; fill: currentColor; }\n    .footer-col h5 {\n      font-size: 0.7rem; font-weight: 600; letter-spacing: 0.25em;\n      text-transform: uppercase; color: var(--gold);\n      margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 1px solid var(--border);\n    }\n    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; }\n    .footer-col ul li a {\n      font-size: 0.82rem; color: rgba(255,255,255,0.55); transition: color 0.3s;\n      display: flex; align-items: center; gap: 6px; text-decoration: none;\n    }\n    .footer-col ul li a::before { content: '\u2014'; color: var(--gold-deeper); font-size: 0.7rem; }\n    .footer-col ul li a:hover { color: #F2D9A8; }\n    .footer-contact p { font-size: 0.82rem; color: rgba(255,255,255,0.55); line-height: 2; }\n    .footer-contact strong { color: #F5F0E8; }\n    .footer-bottom {\n      border-top: 1px solid var(--border); padding: 1.5rem 0;\n      display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\n    }\n    .footer-bottom p { font-size: 0.72rem; color: rgba(255,255,255,0.55); }\n    .footer-bottom a { color: var(--gold); transition: color 0.3s; text-decoration: none; }\n    .footer-bottom a:hover { color: #F2D9A8; }\n    .footer-legal { display: flex; gap: 1.5rem; }\n    @media (max-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: 3rem; } }\n    @media (max-width: 768px) {\n      .footer-grid { grid-template-columns: 1fr; gap: 2.5rem; }\n      .footer-bottom { flex-direction: column; text-align: center; }\n    }\n\n    \/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\n    .reveal {\n      opacity: 0; transform: translateY(30px);\n      transition: opacity 0.65s ease, transform 0.65s ease;\n    }\n    .reveal.visible { opacity: 1; transform: translateY(0); }\n    .reveal-delay-1 { transition-delay: 0.1s; }\n    .reveal-delay-2 { transition-delay: 0.2s; }\n    .reveal-delay-3 { transition-delay: 0.3s; }\n    .reveal-delay-4 { transition-delay: 0.4s; }\n\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n    @media (max-width: 1024px) {\n      .who-top { grid-template-columns: 1fr; gap: 3rem; }\n      .who-stats { grid-template-columns: 1fr; }\n      .who-stat { border-right: none; border-bottom: 1px solid var(--border); }\n      .who-stat:last-child { border-bottom: none; }\n      .values-grid { grid-template-columns: 1fr; }\n      .strengths-grid { grid-template-columns: 1fr 1fr; }\n      .founders-grid { grid-template-columns: 1fr 1fr; }\n    }\n    @media (max-width: 768px) {\n      .page-hero { padding: 120px 1.2rem 60px; }\n      .who-section { padding: 4rem 1.2rem; }\n      .founders-grid { grid-template-columns: 1fr; }\n      .strengths-grid { grid-template-columns: 1fr; }\n      .cta-buttons { flex-direction: column; align-items: center; }\n      .founders-section, .values-section, .strengths-section { padding: 4rem 1.2rem; }\n    }\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-ce990f4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ce990f4\" data-element_type=\"section\" data-e-type=\"section\">\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-9eb30ff\" data-id=\"9eb30ff\" 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-2f3fae3 elementor-widget elementor-widget-html\" data-id=\"2f3fae3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- POPUP MENU -->\n  <!-- ============================================================\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=\"\/en\/\" 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=\"\/en\/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=\"\/en\/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=\"\/en\/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=\"\/en\/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=\"\/en\/\" 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  <!-- PAGE HERO -->\n  <section class=\"page-hero\">\n    <div class=\"hero-inner reveal\">\n      <div class=\"section-label\">Sea Spirit<\/div>\n      <h1 class=\"hero-title\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 <span>\u0395\u03bc\u03ac\u03c2<\/span><\/h1>\n      <p class=\"hero-tagline\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03c3\u03ba\u03b1\u03c6\u03ce\u03bd \u03bc\u03b5 \u03b2\u03ac\u03c3\u03b7 \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1, \u03c4\u03b7\u03bd \u03b1\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- WHO WE ARE -->\n  <section class=\"who-section\">\n    <div class=\"who-inner\">\n\n      <!-- Top: text left, photo right -->\n      <div class=\"who-top\">\n        <div class=\"who-top-text reveal\">\n          <div class=\"section-label\">\u0397 \u0399\u03c3\u03c4\u03bf\u03c1\u03af\u03b1 \u03bc\u03b1\u03c2<\/div>\n          <h2 class=\"who-title\">\u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03b5\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 <em>\u03ba\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2<\/em><\/h2>\n          <p class=\"who-desc\">\u0397 Sea Spirit \u03b9\u03b4\u03c1\u03cd\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf 2022 \u03b1\u03c0\u03cc \u03c4\u03bf\u03c5\u03c2 \u03b1\u03b4\u03b5\u03c1\u03c6\u03bf\u03cd\u03c2 \u03a7\u03b1\u03c4\u03b6\u03b7\u03bd\u03b9\u03ba\u03cc\u03bb\u03b1 \u2014 \u03ad\u03bd\u03b1\u03bd \u039c\u03b7\u03c7\u03b1\u03bd\u03bf\u03bb\u03cc\u03b3\u03bf \u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03cc \u03ba\u03b1\u03b9 \u03ad\u03bd\u03b1\u03bd \u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bb\u03cc\u03b3\u03bf \u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03cc. \u039c\u03b5 \u03ba\u03bf\u03b9\u03bd\u03cc \u03cc\u03c1\u03b1\u03bc\u03b1 \u03ba\u03b1\u03b9 \u03b2\u03b1\u03b8\u03b9\u03ac \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03ba\u03b1\u03c4\u03ac\u03c1\u03c4\u03b9\u03c3\u03b7, \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03c3\u03b1\u03bc\u03b5 \u03bc\u03b9\u03b1 \u03b5\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03b5\u03b9 \u03c4\u03b5\u03c7\u03bd\u03bf\u03b3\u03bd\u03c9\u03c3\u03af\u03b1, \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03c3\u03c4\u03bf\u03bd \u03c7\u03ce\u03c1\u03bf \u03c4\u03c9\u03bd \u03bd\u03b1\u03c5\u03c4\u03b9\u03ba\u03ce\u03bd \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd.<\/p>\n          <p class=\"who-desc\" style=\"margin-bottom:0;\">\u0394\u03b5\u03bd \u03b5\u03c6\u03b1\u03c1\u03bc\u03cc\u03b6\u03bf\u03c5\u03bc\u03b5 \u03b8\u03b5\u03c9\u03c1\u03b7\u03c4\u03b9\u03ba\u03ac \u03c0\u03c1\u03cc\u03c4\u03c5\u03c0\u03b1 \u2014 \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\u03c2 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2. \u0397 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03bc\u03b1\u03c2 \u03c3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1 \u03b4\u03b5\u03bd \u03c4\u03b5\u03bb\u03b5\u03b9\u03ce\u03bd\u03b5\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03ad\u03c1\u03b3\u03bf\u03c5.<\/p>\n          <div class=\"who-quote\">\n            <p>\u00ab\u039d\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03b5\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c3\u03ba\u03ac\u03c6\u03b7, \u03b8\u03ad\u03c4\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c5\u03c8\u03b7\u03bb\u03ac \u03c0\u03c1\u03cc\u03c4\u03c5\u03c0\u03b1 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2.\u00bb<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"who-photo-block reveal reveal-delay-2\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/anonymo-8.jpg\" alt=\"\u0391\u03b8\u03b1\u03bd\u03ac\u03c3\u03b9\u03bf\u03c2 & \u0393\u03b5\u03ce\u03c1\u03b3\u03b9\u03bf\u03c2 \u03a7\u03b1\u03c4\u03b6\u03b7\u03bd\u03b9\u03ba\u03cc\u03bb\u03b1\u03c2 \u2014 \u0399\u03b4\u03c1\u03c5\u03c4\u03ad\u03c2 Sea Spirit\">\n          <div class=\"who-photo-caption\">\n            <span>\u039f\u03b9 \u0399\u03b4\u03c1\u03c5\u03c4\u03ad\u03c2<\/span>\n            <small>\u0391\u03b8\u03b1\u03bd\u03ac\u03c3\u03b9\u03bf\u03c2 &amp; \u0393\u03b5\u03ce\u03c1\u03b3\u03b9\u03bf\u03c2 \u03a7\u03b1\u03c4\u03b6\u03b7\u03bd\u03b9\u03ba\u03cc\u03bb\u03b1\u03c2<\/small>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Stats row -->\n      <div class=\"who-stats reveal\">\n        <div class=\"who-stat\">\n          <span class=\"who-stat-num\">2022<\/span>\n          <span class=\"who-stat-label\">\u0388\u03c4\u03bf\u03c2 \u038a\u03b4\u03c1\u03c5\u03c3\u03b7\u03c2<\/span>\n        <\/div>\n        <div class=\"who-stat\">\n          <span class=\"who-stat-num\">6+<\/span>\n          <span class=\"who-stat-label\">\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/span>\n        <\/div>\n        <div class=\"who-stat\">\n          <span class=\"who-stat-num\">M.E. &amp; E.E.<\/span>\n          <span class=\"who-stat-label\">\u039c\u03b7\u03c7\u03b1\u03bd\u03bf\u03bb\u03cc\u03b3\u03bf\u03c2 &amp; \u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bb\u03cc\u03b3\u03bf\u03c2<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- FOUNDERS -->\n  <section class=\"founders-section\">\n    <div class=\"section-header reveal\">\n      <div class=\"section-label\">\u0393\u03bd\u03c9\u03c1\u03af\u03c3\u03c4\u03b5 \u03c4\u03bf\u03c5\u03c2<\/div>\n      <h2 class=\"section-title-lg\">\u039f\u03b9 <span>\u0399\u03b4\u03c1\u03c5\u03c4\u03ad\u03c2<\/span><\/h2>\n    <\/div>\n    <div class=\"founders-grid\">\n      <div class=\"founder-card reveal reveal-delay-1\">\n        <h3 class=\"founder-name\">\u0391\u03b8\u03b1\u03bd\u03ac\u03c3\u03b9\u03bf\u03c2 \u03a7\u03b1\u03c4\u03b6\u03b7\u03bd\u03b9\u03ba\u03cc\u03bb\u03b1\u03c2<\/h3>\n        <p class=\"founder-role\">\u039c\u03b7\u03c7\u03b1\u03bd\u03bf\u03bb\u03cc\u03b3\u03bf\u03c2 \u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03cc\u03c2<\/p>\n        <div class=\"founder-divider\"><\/div>\n        <p class=\"founder-desc\">\u0395\u03b9\u03b4\u03b9\u03ba\u03b5\u03cd\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b1 \u03bc\u03b7\u03c7\u03b1\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ac \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c3\u03ba\u03b1\u03c6\u03ce\u03bd, \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03b1\u03bd\u03bf\u03bc\u03ad\u03bd\u03c9\u03bd \u03b1\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7\u03c2, \u03c8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03b9 \u03c5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ce\u03bd \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd. \u03a3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03b5\u03b9 \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ae \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03bc\u03b5 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03b1\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7.<\/p>\n      <\/div>\n      <div class=\"founder-card reveal reveal-delay-2\">\n        <h3 class=\"founder-name\">\u0393\u03b5\u03ce\u03c1\u03b3\u03b9\u03bf\u03c2 \u03a7\u03b1\u03c4\u03b6\u03b7\u03bd\u03b9\u03ba\u03cc\u03bb\u03b1\u03c2<\/h3>\n        <p class=\"founder-role\">\u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bb\u03cc\u03b3\u03bf\u03c2 \u039c\u03b7\u03c7\u03b1\u03bd\u03b9\u03ba\u03cc\u03c2<\/p>\n        <div class=\"founder-divider\"><\/div>\n        <p class=\"founder-desc\">\u0395\u03b9\u03b4\u03b9\u03ba\u03b5\u03cd\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b1 \u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ac \u03ba\u03b1\u03b9 \u03b1\u03c5\u03c4\u03bf\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc \u03c3\u03c5\u03c3\u03c4\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03c3\u03ba\u03b1\u03c6\u03ce\u03bd. \u0394\u03b9\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03b5\u03b9 \u03c4\u03b7\u03bd \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03b7 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03b9\u03ba\u03ae\u03c2 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2 \u03c3\u03c4\u03bf \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- VALUES -->\n  <section class=\"values-section\">\n    <div class=\"section-header reveal\">\n      <div class=\"section-label\">\u03a4\u03b9 \u03bc\u03b1\u03c2 \u039a\u03b1\u03b8\u03bf\u03b4\u03b7\u03b3\u03b5\u03af<\/div>\n      <h2 class=\"section-title-lg\">\u0391\u03be\u03af\u03b5\u03c2 &amp; <span>\u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1<\/span><\/h2>\n    <\/div>\n    <div class=\"values-grid reveal\">\n      <div class=\"value-card\">\n        <div class=\"value-icon\">\n          <svg viewbox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n        <\/div>\n        <div class=\"value-label\">01 \u2014 Vision<\/div>\n        <h3 class=\"value-title\">\u038c\u03c1\u03b1\u03bc\u03b1<\/h3>\n        <p class=\"value-desc\">\u03a0\u03b1\u03c1\u03bf\u03c7\u03ae \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03c9\u03bd \u03ba\u03b1\u03b9 \u03b1\u03be\u03b9\u03cc\u03c0\u03b9\u03c3\u03c4\u03c9\u03bd \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ce\u03bd \u03bb\u03cd\u03c3\u03b5\u03c9\u03bd \u03b3\u03b9\u03b1 \u03c3\u03ba\u03ac\u03c6\u03b7 \u03bc\u03b5 \u03c5\u03c8\u03b7\u03bb\u03ac \u03c0\u03c1\u03cc\u03c4\u03c5\u03c0\u03b1 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2, \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03bf\u03cd.<\/p>\n      <\/div>\n      <div class=\"value-card\">\n        <div class=\"value-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=\"value-label\">02 \u2014 Mission<\/div>\n        <h3 class=\"value-title\">\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae<\/h3>\n        <p class=\"value-desc\">\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03bb\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03b5\u03be\u03b5\u03b9\u03b4\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03c9\u03bd \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ce\u03bd \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ce\u03bd \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03c9\u03bd \u03c3\u03c4\u03b9\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2, \u03b4\u03b9\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03bf\u03bd\u03c4\u03b1\u03c2 \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03ba\u03b1\u03b9 \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      <div class=\"value-card\">\n        <div class=\"value-icon\">\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=\"value-label\">03 \u2014 Philosophy<\/div>\n        <h3 class=\"value-title\">\u03a6\u03b9\u03bb\u03bf\u03c3\u03bf\u03c6\u03af\u03b1<\/h3>\n        <p class=\"value-desc\">\u0395\u03c1\u03b3\u03b1\u03b6\u03cc\u03bc\u03b1\u03c3\u03c4\u03b5 \u03bc\u03b5 \u03c3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b1, \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03b1\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03b5\u03b2\u03b1\u03c3\u03bc\u03cc \u03c3\u03c4\u03b7 \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b1. \u039a\u03ac\u03b8\u03b5 \u03ad\u03c1\u03b3\u03bf \u03b1\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03c9\u03c0\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03af\u03b4\u03b9\u03b1 \u03b1\u03c6\u03bf\u03c3\u03af\u03c9\u03c3\u03b7, \u03b1\u03bd\u03b5\u03be\u03ac\u03c1\u03c4\u03b7\u03c4\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf \u03bc\u03ad\u03b3\u03b5\u03b8\u03cc\u03c2 \u03c4\u03bf\u03c5.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- STRENGTHS -->\n  <section class=\"strengths-section\">\n    <div class=\"section-header reveal\">\n      <div class=\"section-label\">\u0393\u03b9\u03b1\u03c4\u03af Sea Spirit<\/div>\n      <h2 class=\"section-title-lg\">\u03a4\u03b1 <span>\u03a0\u03bb\u03b5\u03bf\u03bd\u03b5\u03ba\u03c4\u03ae\u03bc\u03b1\u03c4\u03ac<\/span> \u03bc\u03b1\u03c2<\/h2>\n    <\/div>\n    <div class=\"strengths-grid\">\n      <div class=\"strength-card reveal reveal-delay-1\">\n        <div class=\"strength-num\">01<\/div>\n        <h4 class=\"strength-title\">\u03a4\u03b5\u03c7\u03bd\u03bf\u03b3\u03bd\u03c9\u03c3\u03af\u03b1<\/h4>\n        <p class=\"strength-desc\">\u03a3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b7\u03c7\u03b1\u03bd\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ae \u03ba\u03b1\u03b9 \u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ae \u03b5\u03be\u03b5\u03b9\u03b4\u03af\u03ba\u03b5\u03c5\u03c3\u03b7, \u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03bf\u03bd\u03c4\u03b1\u03c2 \u03bf\u03bb\u03cc\u03ba\u03bb\u03b7\u03c1\u03bf \u03c4\u03bf \u03c6\u03ac\u03c3\u03bc\u03b1 \u03c4\u03c9\u03bd \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ce\u03bd \u03b1\u03bd\u03b1\u03b3\u03ba\u03ce\u03bd \u03ba\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2.<\/p>\n      <\/div>\n      <div class=\"strength-card reveal reveal-delay-2\">\n        <div class=\"strength-num\">02<\/div>\n        <h4 class=\"strength-title\">\u03a0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ae \u03a0\u03c1\u03bf\u03c3\u03ad\u03b3\u03b3\u03b9\u03c3\u03b7<\/h4>\n        <p class=\"strength-desc\">\u039b\u03cd\u03c3\u03b5\u03b9\u03c2 \u03b2\u03b1\u03c3\u03b9\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c3\u03c4\u03b9\u03c2 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1\u03c2 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c5\u03c2 \u2014 \u03cc\u03c7\u03b9 \u03b3\u03b5\u03bd\u03b9\u03ba\u03ad\u03c2, \u03b1\u03bb\u03bb\u03ac \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b5\u03c6\u03b1\u03c1\u03bc\u03bf\u03b3\u03ad\u03c2.<\/p>\n      <\/div>\n      <div class=\"strength-card reveal reveal-delay-3\">\n        <div class=\"strength-num\">03<\/div>\n        <h4 class=\"strength-title\">\u039c\u03b1\u03ba\u03c1\u03bf\u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03a5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7<\/h4>\n        <p class=\"strength-desc\">\u03a3\u03c5\u03bd\u03b5\u03c7\u03ae\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03ad\u03c7\u03b5\u03b9\u03b1 \u03c0\u03bf\u03c5 \u03b4\u03b5\u03bd \u03c3\u03c4\u03b1\u03bc\u03b1\u03c4\u03ac \u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03ad\u03c1\u03b3\u03bf\u03c5 \u2014 \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03bf\u03c5\u03bc\u03b5 \u03b4\u03af\u03c0\u03bb\u03b1 \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03ba\u03ac\u03b8\u03b5 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TAGLINE BAND -->\n  <div class=\"tagline-band reveal\">\n    <p class=\"tagline-text\">\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    <p class=\"tagline-sub\">Sea Spirit \u2014 \u039d\u03b1\u03c5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/p>\n  <\/div>\n\n  <!-- CTA -->\n  <section class=\"cta-section\">\n    <div class=\"cta-bg\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/C3253.00_02_38_94.Still043.jpg\" alt=\"\">\n    <\/div>\n    <div class=\"cta-inner reveal\">\n      <h2 class=\"cta-title\">\u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03b9 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5;<\/h2>\n      <p class=\"cta-sub\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u03ae \u03c0\u03b5\u03c1\u03b9\u03c3\u03c3\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2.<\/p>\n      <div class=\"cta-buttons\">\n        <a href=\"\/en\/contact\/\" class=\"btn-gold\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u039c\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/a>\n        <a href=\"\/en\/services\/\" class=\"btn-outline\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n\n  <script>\n    \/\/ Navbar\n    var navbar = document.getElementById('navbar');\n    navbar.classList.add('scrolled');\n    window.addEventListener('scroll', function() {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n\n    \/\/ Popup menu\n    var menuTrigger  = document.getElementById('menuTrigger');\n    var popupMenu    = document.getElementById('popupMenu');\n    var popupClose   = document.getElementById('popupClose');\n    var popupOverlay = document.getElementById('popupOverlay');\n    function openMenu()  { popupMenu.classList.add('open');    document.body.style.overflow = 'hidden'; }\n    function closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n    menuTrigger.addEventListener('click', openMenu);\n    popupClose.addEventListener('click', closeMenu);\n    popupOverlay.addEventListener('click', closeMenu);\n    document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeMenu(); });\n\n    \/\/ Scroll reveal\n    var revealEls = document.querySelectorAll('.reveal');\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12 });\n    revealEls.forEach(function(el) { observer.observe(el); });\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-34a5805 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"34a5805\" data-element_type=\"section\" data-e-type=\"section\">\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-aca6668\" data-id=\"aca6668\" 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-c97c210 elementor-widget elementor-widget-html\" data-id=\"c97c210\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n    \/\/ Navbar\n    var navbar = document.getElementById('navbar');\n    navbar.classList.add('scrolled');\n    window.addEventListener('scroll', function() {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n\n    \/\/ Popup menu\n    var menuTrigger  = document.getElementById('menuTrigger');\n    var popupMenu    = document.getElementById('popupMenu');\n    var popupClose   = document.getElementById('popupClose');\n    var popupOverlay = document.getElementById('popupOverlay');\n    function openMenu()  { popupMenu.classList.add('open');    document.body.style.overflow = 'hidden'; }\n    function closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n    menuTrigger.addEventListener('click', openMenu);\n    popupClose.addEventListener('click', closeMenu);\n    popupOverlay.addEventListener('click', closeMenu);\n    document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeMenu(); });\n\n    \/\/ Scroll reveal\n    var revealEls = document.querySelectorAll('.reveal');\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12 });\n    revealEls.forEach(function(el) { observer.observe(el); });\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-562555f8 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"562555f8\" 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-81a55834\" data-id=\"81a55834\" 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-2aae8b03 elementor-widget elementor-widget-shortcode\" data-id=\"2aae8b03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><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=\"\/en\/services\/\">\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7 \u039d\u03b5\u03c1\u03bf\u03cd<\/a><\/li>\n          <li><a href=\"\/en\/services\/\">\u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 HVAC<\/a><\/li>\n          <li><a href=\"\/en\/services\/\">\u03a8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ac \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1<\/a><\/li>\n          <li><a href=\"\/en\/services\/\">\u03a5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ac<\/a><\/li>\n          <li><a href=\"\/en\/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=\"\/en\/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=\"\/en\/about\/\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b5\u03bc\u03ac\u03c2<\/a><\/li>\n          <li><a href=\"\/en\/aquaspirit\/\">AquaSpirit<\/a><\/li>\n          <li><a href=\"\/en\/contact\/\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/a><\/li>\n          <li><a href=\"\/en\/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=\"\/en\/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=\"\/en\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a>\n        <a href=\"\/en\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Home \u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u0395\u03bc\u03ac\u03c2 \u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 AquaSpirit \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1 \u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1 info@ssmarine.gr +30 210 9943580 Facebook Instagram Menu Sea Spirit \u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u0395\u03bc\u03ac\u03c2 \u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ae \u03c5\u03c0\u03bf\u03c3\u03c4\u03ae\u03c1\u03b9\u03be\u03b7 \u03c3\u03ba\u03b1\u03c6\u03ce\u03bd \u03bc\u03b5 \u03b2\u03ac\u03c3\u03b7 \u03c4\u03b7\u03bd \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1, \u03c4\u03b7\u03bd \u03b1\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b1\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1. \u0397 \u0399\u03c3\u03c4\u03bf\u03c1\u03af\u03b1 \u03bc\u03b1\u03c2 \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c5\u03bb\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bc\u03b5 \u03b5\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 \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2 \u0397 Sea Spirit \u03b9\u03b4\u03c1\u03cd\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf 2022 \u03b1\u03c0\u03cc \u03c4\u03bf\u03c5\u03c2 \u03b1\u03b4\u03b5\u03c1\u03c6\u03bf\u03cd\u03c2 \u03a7\u03b1\u03c4\u03b6\u03b7\u03bd\u03b9\u03ba\u03cc\u03bb\u03b1 \u2014 [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","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\/8","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=8"}],"version-history":[{"count":9,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}